The fallowing example shows how to make simple jQuery sliding gallery.
Images will be loaded after request to give flexibility to use/show large amount of images without westing time to preloading them all at once.
Another gallery/slideshow example with jQuery, this time we will load image after user selects one of the controls(next/prev).
We will wait until next image is loaded(main time show loading information) and after make smooth fade in/out transition with our current and new image.
Unlike previous post, in this example we are not loading all images from the beginning, which makes this gallery perfect for using with large amount of images.
The fallowing example shows how to make slideshow of images with fade in/out nice smooth transition. jQuery makes everything easy.
Note that all images are defined at the start(they will load all together from the beginning) and while this will work for small amount of images it might be wrong solution for gallery of 10 images or more.
Example also uses corner jQuery plugin to round image corners.
Was playing with jQuery couple of days, remember me old good as2
Building simple rollover navigation with fade in/out is pretty simple.
Example is done based on the image ( click to open in the new window ):