//JQuery document enhancement
$(document).ready(function(){
$(".rollover").hover( //Image rollovers
function(){
if($(this).attr("src").indexOf("-over")==-1) {
var newSrc = $(this).attr("src").replace(".gif","-over.gif");
newSrc = newSrc.replace(".png","-over.png");
newSrc = newSrc.replace(".jpg","-over.jpg");
$(this).attr("src",newSrc);
}
},
function(){
if($(this).attr("src").indexOf("-over")!=-1) {
var oldSrc = $(this).attr("src").replace("-over.gif",".gif");
oldSrc = oldSrc.replace("-over.png",".png");
oldSrc = oldSrc.replace("-over.jpg",".jpg");
$(this).attr("src",oldSrc);
}
}
);
});
/* declarer le fichier js dans le du html avec :
vous avez aussi besoin de jQuery (fichier js à récuperer sur leur site et à déclarer dans le du html avec : )
ne pas oublier de mettre la class="rollover" dans les img (ex: ![]()
)
fichier out du type : xxxx.jpg ou .png ou .gif
fichier over du type : xxxx-over.jpg ou .png ou .gif */