jQuery Bildertausch

[nets81]

Hallo,

ich habe eine kleine Galerie, mit einem Bild in groß und mehreren kleinen Bildern darunter. Nun sollen beim Klick auf die kleinen Bilder, diese an Stelle des Großen zu sehen sein und umgedreht. Vom HTML her ist es simpel, die kleinen Bilder haben eine Klasse "vorschaubild" und das Große die Klasse "bild_gross".

Mein JS:

$(function() {
    $(".vorschaubild").click(function() { 
        var gross = $(".bild_gross").attr("src");
        var klein = $(".vorschaubild").attr("src");
        $(".bild_gross").attr("src", klein);
        $(".vorschaubild").attr("src", gross);
    });
});

Das Ganze funktioniert mit 2 Bildern auch wunderbar (also ein großes und ein kleines) aber sobald es mehrere kleine Bilder gibt, geht es nicht mehr. Da werden beim Klick auf eines der Bilder immer alle kleinen Bilder gegen das Große getauscht.

Irgendwie stehe ich hier gerade auf dem Schlauch und hoffe jemand kann mir einen kleinen Denkanstoß geben.

Vielen Dank und Grüße,
nets81

 

[teeny]

Innerhalb der Funktion kannst Du mittels $(this).attr("src"); auf das aktuell geklickte Bild zugreifen.