Javascript en innerHTML

[oostadr]

Hallo,
Wie kan mij helpen met het volgende probleem. Ik gebruik foto's op mijn website en als ik op de foto klik, dan gebruik ik lightbox om mijn foto's mooi te presenteren. Echter het probleem is dat ik de foto's plaats tussen <div></div> met een javascript innerHTML functie. Wanneer ik dan op de foto's klik, dan wordt i.p.v. de lightbox een nieuw venster geopend met daarin de aangeklikte foto. Hier even de twee voorbeelden

Hoe het moet worden/werken : http://www.dodo-stukadoors.nl/test/test.htm

Wanneer je nu een foto aanklikt, wordt netjes de lightbox aangeroepen.

Hoe het nu is/werkt : http://www.dodo-stukadoors.nl/portfolio.htm en klik daarna links op fotogalerie.

Wanneer je nu een foto aanklikt, wordt een nieuw venster geopend ipv dt de lightbox wordt aangeroepen.

Wie kan mij helpen??

thx, adriaan

 

[peter vazed]

Je roept de lightbox niet aan
op de werkende pagina heb je
<a href="diversen huis blaricum 038.jpg" rel="lightbox[1]"
en die (de linken etc) mist op de niet werkende pagina.

 

[oostadr]

Wanneer ik op de button Fotogalerie klik, dan zet ik met javascript de foto's en de linken in de <div></div> tag met innerHTML.

		var tekst;	
		tekst = '<a href="images/fotogalerie/tadelakt.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_tadelakt.jpg" border="0" /></a>&nbsp;&nbsp;';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_XS9L0560kantoor.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_XS9L0560kantoor.jpg" border="0"/></a><br />';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_hilton136047.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_hilton136047.jpg" border="0"/></a>&nbsp;&nbsp;';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_gym_offices_01.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_gym_offices_01.jpg" border="0"/></a><br />';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_gym_trappenhuis.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_gym_trappenhuis.jpg" border="0"/></a>&nbsp;&nbsp;';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_lloydhotelrestaurant.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_lloydhotelrestaurant.jpg" border="0"/></a><br />';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_diversen huis blaricum 038.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_diversen huis blaricum 038.jpg" border="0"/></a>&nbsp;&nbsp;';
		tekst = tekst + '<a href="images/fotogalerie/thumbs/tn_melmweg.jpg" rel="lightbox[1]"><img src="images/fotogalerie/thumbs/tn_melmweg.jpg" border="0"/></a><br />';

		document.getElementById("tekstrechts").innerHTML=tekst;