Link und Bild ändern bei OnClick

Primus852

Gesperrt
Hallo,

da ich hier immer prompt "geholfen werde" wende ich mich wiedermal an euch.

Ich habe eine kleine Gallerie erstellt, die rechts kleine Vorschaubilder hat und mit Klick auf eines dieser Bilder rechts das Bild groß anzeigt.

Code:
// swapImage
function swapImage(imgName,swapImg)
{
document.images[imgName].src=swapImg;
}
//-->

Aufruf:
Code:
onclick="swapImage('start','images/bild02.jpg')


Soweit so gut. Die Schwierigkeit kommt jetzt: Nach dem Klicken auf das kleine Bild soll es möglich sein, eine "LiteBox" zu öffnen, die das Bild im Vollbild anzeigt. Dazu muss ich aber nicht nur die Quelle des angezeigten Bildes ändern, sondern auch den dazu passenden Link mit den LiteBox-Parametern.

Code:
<a href="images/bild02.jpg" rel="lightbox[example]" title="Bild02"><img src="images/bild02.jpg" alt="Bild02" />

Ich möchte also sowohl "href" ändern, als auch "src" des Bildes.

Ich habe da schonmal was versucht, ohne Erfolg.

Code:
// swapImage
function swapImage(AName,imgName,swapImg)
{
document.images[imgName].src=swapImg;
document.links[AName].src=swapImg;
}
//-->

mit der entprechenden Änderung der Namen in StartA (für AName) und StartImg (für imgName).

Ich hoffe ich konnte mich verständlich ausdrücken, ich bin nicht so der "Pro" in JavaScript.

Vielen Dank für eure Mühen.

LG

PrimuS
 
Moin,

Wieso musst du da überhaupt etwas ändern?

Beim Link gibst du als href die Adresse des grossen Bildes an, beim Bild als src die Adresse des kleinen Bildes...mehr ist da bei LiteBox nicht zu tun.
 
Hi,

ich glaube, er möchte nicht bei Klick auf einen Thumbnail direkt das Bild per Lightbox anzeigen, sondern bei Klick auf das aktuell geladene Bild in der Großansicht selbiges (nochmal?) vergrößern. Oder so ähnlich... Vielleicht habe ich das aber auch falsch verstanden...?

LG
 
Hi,

ich glaube, er möchte nicht bei Klick auf einen Thumbnail direkt das Bild per Lightbox anzeigen, sondern bei Klick auf das aktuell geladene Bild in der Großansicht selbiges (nochmal?) vergrößern. Oder so ähnlich... Vielleicht habe ich das aber auch falsch verstanden...?

LG
__________________

Genau... und anstatt "src", "href" zu verwenden hat's gebracht... Wieder ein erfolgreicher Ausflug nach tutorials.de

DONE

LG

PrimuS
 

Neue Beiträge

Zurück