chris77
Membre récent

Hors-Ligne
Sexe: 
Messages: 3

|
voici le code du script :
jQuery(function($){ var settings = { thumbListId: "thumbs", imgViewerId: "viewer", activeClass: "active", activeTitle: "Photo en cours de visualisation", loaderTitle: "Chargement en cours", loaderImage: "images/loader.gif" }; var thumbLinks = $("#"+settings.thumbListId).find("a"), firstThumbLink = thumbLinks.eq(0), highlight = function(elt){ thumbLinks.removeClass(settings.activeClass).removeAttr("title"); elt.addClass(settings.activeClass).attr("title",settings.activeTitle); }, loader = $(document.createElement("img")).attr({ alt: settings.loaderTitle, title: settings.loaderTitle, src: settings.loaderImage }); highlight(firstThumbLink); $("#"+settings.thumbListId).after( $(document.createElement("p")) .attr("id",settings.imgViewerId) .append( $(document.createElement("img")).attr({ alt: "", src: firstThumbLink.attr("href") }) ) ); var imgViewer = $("#"+settings.imgViewerId), bigPic = imgViewer.children("img"); thumbLinks .click(function(e){ e.preventDefault(); var $this = $(this), target = $this.attr("href"); if (bigPic.attr("src") == target) return; highlight($this); imgViewer.html(loader); bigPic .load(function(){ imgViewer.html($(this).fadeIn(250)); }) .attr("src",target); }); }); |