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.
I remember ~5-6 years ago when I decide to make my first flash components using actionscript only, scaling image slideshow was one of them.
I got lots of feedback, comments and after that I start my freelance flash development carrier.
In fact, the slideshows, galleries are the flash elements that I’m using almost in all flash projects/websites, so I think it might be useful to share some code for scaling image gallery.