Monthly Archive for December, 2010

jQuery simple image gallery

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.
Continue reading ‘jQuery simple image gallery’

jQuery simple image fade in/out slideshow

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.
Continue reading ‘jQuery simple image fade in/out slideshow’

jQuery simple roolover fade in/out navigation

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 ):

jQuery simple navigation
Continue reading ‘jQuery simple roolover fade in/out navigation’