Image click naar andere image

Status
Niet open voor verdere reacties.
F

folgorn

Gebruiker
Lid geworden
23 jan 2014
Berichten
22
Hey allemaal

Ik heb dus een array met afbeeldingen met een lus laad ik de afbeeldingen op mijn scherm.
Nu wil ik dat ik op een afbeelding klik die ergens anders op de pagina laad maar in vergrote vorm.

Dit is mijn stukje code als ik op de afbeelding klik dan laad hij inderdaad in mijn tabel een afbeelding maar een undifinded.
Hoe kan ik dus dezelfde afbeelding doorsturen ?



HTML: 
 $('#foto').click(function  () {
            var rel = $(this).attr('rel');
            $("#groot").html("<img src='" + rel + "' />");
        })

Hier worden mijn afbeeldingen uit mijn array gelezen
HTML: 
 $.each(Landschap.Fotos, function (j, foto) {
                $("#foto").append('<img src="' + foto + '"/>');
              
               
            });
 
In de jQuery click event is 'this' het element waar het event op rust (de div met id foto in dit geval(, niet het element waar daadwerkelijk op geklikt wordt (de foto)
Je krijgt in de click functie een event mee. Als je daarvan de target pakt heb je het element waar daadwerkelijk op geklikt is.
Verder moet je niet het rel attribuut maar het src attribuut van de afbeelding hebben.
De code voor de click komt er dan als volgt uit te zien:
Code: 
$('#foto').click(function (evt) {
    var src = $(evt.target).attr('src');
    $("#groot").html("<img src='" + src + "' />");
})
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan