mit "document.write" erzeugter html-code funktioniert nicht.

[Charly99]

Hallo,

ich nutze seit kurzem Lightbox2 (siehe Lightbox 2) um meine Bilder anzuzeigen. So sieht der Html-Code aus:

<a href="http://forum.jswelt.de/Album/Segeln/2013/10-November/slides/002-Segeln-satt.jpg" data-lightbox="Box-1" title="Segeln satt" > <img border="0" src="http://forum.jswelt.de/Album/Segeln/2013/10-November/thumbs/002-Segeln-satt.jpg" title="Segeln satt" ></a>

Nun würde ich gerne diese Zeile durch ein kleines Javascript erstellen lassen und habe folgendes codiert:

<script>
function show_pic(image_path,image_name,image_info)
{
     var image_slides=image_path+"slides/"+image_name+".jpg";
     var image_thumbs=image_path+"thumbs/"+image_name+".jpg";
     document.write('<a href="'+image_slides+'" data-lightbox="Box-1" title="'+image_info+'" > <img border="0" src="'+image_thumbs+'" title="'+image_info+'" ></a>');
     return false;
}
</script>

Hier der entsprechende Aufruf:

<script>show_pic('../Album/2013/10-November/','002-Segeln-satt','Segeln satt')</script>

Aber es funktioniert nicht. Das Thumb-Bild wird nicht angezeigt und auch der Aufruf von Lightbox2 funktioniert nicht.

Kann mir jemand sagen, was ich falsch mache?

Gruß
Charly

 

[kkapsner]

1. document.write() ist nicht gut. Verwende lieber .innerHTML das ist flexibler und hat keine seltsamen Nebeneffekte.
2. Steht etwas in der Fehlerkonsole?
3. Prüfe noch mal die URL zu dem Bild nach. Eventuell ist die nicht ganz korrekt (Ich sehe schon mal einen Unterschied zwischen der JS-URL und der im HTML).