Testing if ready after class change

From	j <mung_me@att.net>
Newsgroups	comp.lang.javascript, comp.infosystems.www.authoring.stylesheets
Subject	Testing if ready after class change
Date	2012-05-21 13:40 -0400
Organization	albasani.net
Message-ID	<jpdum7$48m$1@news.albasani.net> (permalink)

Cross-posted to 2 groups.

Show all headers | View raw

   I have a CSS3 slideshow. I'm setting a class (element.className) 
which is the starting point of the transition, and then setting a class 
which is the end point.

For example to zoom in center:
/* starting point */
.enlarged img{
	width: 150%;
	height: 150%;
	opacity: 0;
	margin-left: -25%;
	margin-top: -25%;
}

.shrink_center_center img{
	width: 100%;
	height: 100%;
...
	transition-property:margin,opacity,width,height;
...
}


There needs to be sufficient time between setting the starting class and 
setting the transition, if not, the transition gets garbled. (slower in 
my Chrome,~100 mS)

How can you tell when the class for the image is ready? I see that 
readystate does not work on individual elements (at least in FF).

Jeff

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

Testing if ready after class change j <mung_me@att.net> - 2012-05-21 13:40 -0400
  Re: Testing if ready after class change Gus Richter <gusrichter@netscape.net> - 2012-05-21 21:49 -0400
    Re: Testing if ready after class change j <mung_me@att.net> - 2012-05-22 00:07 -0400

csiph-web