PDA

View Full Version : Thumbnail Viewer II - Fade-in Effect



northernlights
06-06-2007, 03:40 AM
This script is great! Thank-you...

1) Script Name: Thumbnail Viewer II

2) Script URL: http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

3) Problem: The only thing i would like is for the fade-in effect to work in Firefox..

Currently the script 'thumbnailviewer2.js' seems to use this line to create the fade-in effect:
iefilterstring: 'progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)',

Any way to add something similar for FF to create a fade-in effect as well?

ddadmin
06-06-2007, 03:55 PM
In Firefox, any transitional effect would need to be created from scratch, which is way I didn't add it in to begin with when I was in a rush to get the script out. The line:


progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)

is a IE filter (http://www.javascriptkit.com/filters/index.shtml), which is an IE feature that makes adding certain visual effects quick and easy.

Once I have time I may add a transitional effect for Firefox users as well, though I will say the first script to get this treatment most likely will be the Featured Content script (http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm).

solstice
06-12-2007, 12:40 PM
Hi
I'm using the same script on www.fineartireland.c*m, and like wise it looks great except for a small niggle with the fade-in in IE7. When the page is refreshed, instead of each image fadingin nicely, the top third of some of the images loads first and then the restfades in. Any ideas?
Andy

jscheuer1
06-12-2007, 02:39 PM
I couldn't get it to misbehave simply by reloading the page. I did notice some strange effects on the first load. I would try setting a style height for the image container division (coreright on your page) that is the height of the tallest image + the height of any text that gets displayed (this looks to be about 357px). If that doesn't get it, I'd try preloading the larger images. In any case, the larger images should be optimised.