Image Swap by thumbnail hover?

With html: and a script: $("a img"). Hover(function(){ var img = $(this). Closest('a').

Attr('href'); $('#target').show(). Attr('src',img); },function(){ $('#target').hide(). Attr('src',''); }).

On a related topic... arstechnica.com/tech-policy/news/2010/10/… – xpda Nov 19 '10 at 22:57.

Here it is used with on click. monc.se/kitchen/80/lightweight-image-gal... just over looked the code. But should be something like what you are searching.

That example is perfect. Many Thanks SCBoy – David Horton Nov 18 '10 at 11:04.

Here is a dead simple CSS-only implementation if you are not comfortable with javascript: cssplay.co.uk/menu/gallery4.html.

$(element). Hover( function () { $(this). Data('original', $(this).

Attr('src')). Attr('src', newsrc), function () { $(this). Attr('src', $(this).

Data('original') ); I don't know how you define the new source for the image but this is pretty much the way to go. In addition you probably want to use each() on every image and inside define the 'newsrc'.

In jQuery you can do this: $(function() { $('#myImage-hover'). Hover(function() { $('#myImage'). Attr("src","path-to-file/img.

Png");}, function() { $('#myImage'). Attr("src","path-to-file/img_2. Png"); }); }); As exampled here in jsFiddle.

I have a similar issue but with different thumbs and corresponding images – Paul Apr 28 at 4:24.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions