Neues Bild auf Thumbnail Hover

Question

Hey alle, ich versuche, etwas zu implementieren, wo ich 2 Miniaturbilder unter 1 großes Bild habe. Ich möchte, dass das große Bild zu einem anderen Bild wechselt, wenn Sie den Mauszeiger über das Miniaturbild bewegen. Gibt es dafür ein Skript oder eine Anleitung? Möglicherweise Jquery?

Answer 1

jQuery würde dies rocken. Here ist ein Tutorial, das etwas Ähnliches tut. Viel Glück!

Answer 2

U tun können, es mit Hover-Funktion

CSS CODE:

.nav { 
    background:url(images/3.png) no-repeat; 
} 

.nav_hover { 
    background:url(images/4.png) no-repeat; 
} 

JQUERY Code:

$('.nav').hover( 
function(){ 
    $(this).addClass('nav_hover'); 
}, 
function(){ 
    $(this).removeClass('nav_hover'); 
} 
); 

HTML-Code:

// Call class CSS Script to element 

Check it