a work on process » slideshow http://jystewart.net/process notes from another web developer Sat, 21 Aug 2010 13:09:59 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 More Javascript Gallery Work http://jystewart.net/process/2005/04/more-javascript-gallery-work/ http://jystewart.net/process/2005/04/more-javascript-gallery-work/#comments Mon, 25 Apr 2005 14:30:31 +0000 James Stewart http://jystewart.net/process/archives/2005/04/more-javascript-gallery-work/ More >]]> The gallery script I posted about on Friday was a nice improvement on plain image switching, but didn’t quite have the elegance I was looking for, particularly when switching between images of different sizes. Yesterday, I managed to grab some time to play around with resizing images using javascript so as to produce a smoother transition. The effect is rather pleasing.

It works by preloading each image shortly before it might be needed, and using the dimensions of the preloaded image to calculate increments to change the displayed image dimension by. After stepping through the resizing, we then switch the previous image to the background, change our container’s source to the new image, and fade it in.

You can find the code and see a sample here.

]]> http://jystewart.net/process/2005/04/more-javascript-gallery-work/feed/ 0