Setting a dissolve transition between previews


show more Setting a dissolve transition between previews provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create an Interactive Photo Gallery with jQuery and Dreamweaver show less
please wait ...

Setting a dissolve transition between previews

Now that we've added our image preload plug-in, let's come over to our JavaScript file. I'm going to open this window a little bit more, as our script gets taller. I am just going to get rid of some of the extra line spaces here. I'm also going to add in a few comments. This group of four statements here, this actually changes the thumbnail state. So we will just put a comment, two forward slashes, update thumbnails.

These are going to be set up vars from thumbnail. Then down here, these two statements we made earlier, the update preview and gallery_caption, we are actually going to use these inside of another function. I am going to save my document so far, and let's come in here. And the first thing we want to do, once we click on of these functions--and remember we are still working inside of the anchor tag clickEvent-- the first thing we are going to do, add a Dollar sign, beginning and ending parentheses, two tick marks, .gallery_caption.

We are going to take the c...

Setting a dissolve transition between previews
Video duration: 4m 31s 1h 55m Intermediate

Viewers:

Setting a dissolve transition between previews provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create an Interactive Photo Gallery with jQuery and Dreamweaver

please wait ...