Posted By

Rembrand on 08/11/10

Tagged

images

Versions (?)

Last Edited at 08/11/10 07:56pm

Statistics

Viewed 608 times

Favorited by 0 user(s)

Related snippets

Image replacement gallery

/ Published in: jQuery

Originally from Webdesignerwall (see src)
Hover thumbnails of images and see the big holder image being swapped.

Highlighted TextExpand

//http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

$().ready(function() {

$(".thumbs a").hover(function(){
																	
    var normalPath = $(this).attr("href"); //link on thumb
    var normalAlt = $(this).attr("title"); //alt on thumb
      
    $("#normalImg").attr({ src: normalPath, alt: normalAlt });//swap src of the normal sized image with url from href of the thumbnail
    $("#normalImg").parent().attr({ href: normalPath, alt: normalAlt });////swap href of the normal sized image with url from href of the thumbnail
    });
});

---

URL: http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

Report this snippet Tweet