Ik wil een lightbox op een site waar 83 images in moeten komen, ik ga ze niet allemaal in HTML zetten dus wil ik ze graag via een loopje laten zien.

Op een bestaande pagina van die site werkt dat al dus ik kopieerde het scriptje en plakte het op de andere pagina, alleen werkt het niet.

Wat ik heb in de werkende code:
<?

<a href="images/project1.jpg" rel="lightbox[slides]"><img src="images/project1.jpg" border=0></a><!--class="spacing"-->
<div style="visibility: hidden;">


$dirname = 'afbeeldingen/slides/exhaustion_pipe/';
$images = scandir($dirname);
$ignore = Array(".", "..");

foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo '<a href="'.$dirname.$curimg.'" rel="lightbox[slides]"><img src="'.$dirname.$curimg.'" width="1" height="1" border="0"></a>';
}
}

</div>
?>

Dit heb ik gekopierd en een beetje ge-edit zodat het goede pad gekozen word.

<?
<a href="afbeeldingen/slides/dias/Dia1.JPG" rel="lightbox[slides]">Bla</a><!--class="spacing"-->
<div style="visibility: hidden;">

$dirname = 'afbeeldingen/slides/dias/';
$images = scandir($dirname);
$ignore = Array(".", "..");

foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo '<a href="'.$dirname.$curimg.'" rel="lightbox[slides]"><img src="'.$dirname.$curimg.'" width="1" height="1" border="0"></a>';
}
}

</div>
?>

Ik heb het plaatje uit het 1e script vervangen voor tekst omdat ik het plaatje nog niet heb.

Als ik de tekst aanklik opent die Dia1.JPG in een nieuwe pagina, ik wil graag dat die die in een lightbox opent.

Als het helpt, dit is lightbox.js : http://rvs.werkvreugde.nl/slider_scripts/lightbox.js


Weet iemand hoe ik dit werkend krijg? Ik wil graag 83 images loopen, beginnend bij Dia1.JPG tot Dia83.JPG

Alvast bedankt!

Edit: ik weet dat de php tags niet goed staan, maar die heb ik even boven de HTML geplaatst zodat alles makkelijk te lezen is in deze post.
Maar je loop werkt nu verder wel prima?
Heb je ook een practisch voorbeeld om te kunnen bekijken? Desnoods via JSfiddle?
Hier staan projecten http://rvs.werkvreugde.nl/projecten.html

Als je op een van de plaatjes klikt zie je een lightbox opkomen (met images in een loop), ik wil graag hetzelfde bereiken op een andere pagina, maar dan als je op een text klikt (in dit geval bla). Het 1e voorbeeld wat werkt is van de pagina die ik in deze comment heb gegeven.

Ik ga er van uit dat de loop werkt aangezien hij doet wat die moet doen op projecten.html

TypeError: Event.observe is not a function
	

Event.observe(window,'load',function(){ Lightbox.initialize(); });

lightbox.js (regel 705)
ReferenceError: jQuery is not defined
	

...)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},...

jquery.....min.js (regel 37)
ReferenceError: jQuery is not defined
	

(function(f){var n="inside";var t="outside";var E=0;var F=1;var m={TL:0,TC:1,TR:...

	
jquery.....min.js (regel 1, kol 1)
TypeError: $(...).ready is not a function
	

function() {

projecten.html (regel 51)
Als je de sildeshow-lightbox met een directe link wilt openen, dan kan je gewoon rel="lightbox[slides]" in je a-tag (anchor) gebruiken. Een foto om op te klikken is niet verplicht.
Elmar vH op 28/10/2014 11:37:15


TypeError: Event.observe is not a function
	

Event.observe(window,'load',function(){ Lightbox.initialize(); });

lightbox.js (regel 705)
ReferenceError: jQuery is not defined
	

...)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},...

jquery.....min.js (regel 37)
ReferenceError: jQuery is not defined
	

(function(f){var n="inside";var t="outside";var E=0;var F=1;var m={TL:0,TC:1,TR:...

	
jquery.....min.js (regel 1, kol 1)
TypeError: $(...).ready is not a function
	

function() {

projecten.html (regel 51)


Wat is precies het probleem?

Wordt jQuery niet geladen?
Heb je die eigenlijk wel nodig? De slideshow werkt perfect, dus ik heb zelf een idee dat je jQuery hier niet nodig hebt.
- Aar - op 28/10/2014 11:49:25

Heb je die eigenlijk wel nodig? De slideshow werkt perfect, dus ik heb zelf een idee dat je jQuery hier niet nodig hebt.


Ik zou het eerlijk gezegd niet weten, ik heb opdracht gehad om wat aan deze site te sleutelen maar de code is ongelooflijk rommelig.

Reageren