lightbox, fancybox, slimbox etc. krijg ze allemaal niet aan de praat

[Merijnbosma]

Hallo,

ik probeer op mijn site iets van lightbox, fancybox, slimbox, thickbox ofzo gebruiken voorfoto indexen, alleen zoals de titel al zegt, krijg ik dit niet voor elkaar. Waarschijnlijk iets heel doms vergeten of over het hoofd gezien :S

Ik heb het geprobeerd in de index te gebruiken en op een pagina met alleen 1 foto om te testen.

Iemand hier ervaring mee? http://www.wifocarr.nl/2012/Projecten/Woontrailer.html

Mvg Merijn

 

[Mister Quick]

Merijn,

Ik neem aan dat de website die je noemt de website is waar het probleem zich voordoet. Ik zie dat er wel een werkende Lightview op draait. Heb je het inmiddels aan de praat?

 

[Merijnbosma]

Op de site die ik noem heb ik lightbox op gezet maar bij mij werkt het niet... ik blijf bij lightbox tegen de "laadpagina" aan kijken

en op deze test pagina heb ik nog een fancybox geprobeerd maar die opent gewoon in het browser venster http://www.wifocarr.nl/2012/test/Woontrailer4.html

 

[Mister Quick]

Beste Merijn,

Ik heb even naar de broncode gekeken en zie waar het fout gaat! Je initieert het script met de volgende tags:

$(document).ready(function() {
$(".fancyImg").(fancybox();
});

De rode markering geeft aan waar de fout zit. Haal deze character weg en de foto zal in Fancybox te zien zijn!

 

[Merijnbosma]

Hey Mister Quick,

Het werkt bedankt!!!!!

Ik ga nu ff *****n met de meerdere afbeeldingen en indexen.

(y)

 

[Merijnbosma]

Dat is me ook gelukt vraag ik me alleen af of het mogelijk is als je met de muis scrollt of steeds volgende klikt, ook van index 1 naar index 2 door te scrollen of klikken want dat doet ie nu (nog) niet.

Of vraag ik nu te veel van het goede

 

[Mister Quick]

Dat kan: je zult dan een rel-property aan elke a-tag moeten geven die je wilt groeperen.

Zie onderstaand voorbeeld:

<a href="bladibla1.jpg" rel="gallery1"><img src="bladibla1.jpg" /></a>
<a href="bladibla2.jpg" rel="gallery1"><img src="bladibla2.jpg" /></a>

In de aanroep van het Fancybox-script hoeft niets aangepast te worden. Dit script kijkt naar aanwezigheid van een rel-property in een a-tag en groepeert dan automatisch. De waarde van de rel [in mijn voorbeeld gallery1] is een vrije keuze, maar moet wel voor elke tag gelijk zijn die je wilt groeperen.