: Thumbnail preview rotator on mouse-over - what is it called? I've been searching for hours now but can't get any tutorial on this. I have these thumbnails on my homepage which are the first

@Barnes591

You need to have static and animated version of each thumbnail. One of simplest solutions would be to use:

<div style='width:100p; height:100px; background:url(static_thumb.gif)'></div>


and then to all such divs apply:

$('your divs').hover(
function(){ $(this).html('<img src='+process($(this).css('background-image'))+'>')},
function(){ $(this).empty() }
);


and lastly you need to specify the process function, that will change url(static_thumb.gif) into something like ani_thumb.gif.

Vote Up Vote Down

@Murray432

What you are looking for is basically a combination of a dynamic tooltip, and an image rotator/slideshow. I'm not sure if I've ever seen them combined, but if you're familiar enough with PHP you could find each of those separately and combine them yourself.

Vote Up Vote Down