Ik krijg het nieuwe fancybox niet goed werkend, zou dit aan mijn provider kunnen liggen, volgens mij heb ik namelijk alles gedaan wat er in de beschrijving staat.

http://www.podiumverhuurhaaglanden.nl/NL/portfolio

Maar als je op een foto klikt krijg je alleen de foto, dus zonder fancybox.
Het zou misschien ook kunnen dat he tniet werkt icm een mouse over.
Ik gok dat het komt door de externalLinks() function uit script.js.
Ik heb het script verwidjerd, maar dan werkt het script nog steeds niet.

Het ging dan om dit script:


function externalLinks() { 
 if (!document.getElementsByTagName) return; 
 var anchors = document.getElementsByTagName("a"); 
 for (var i=0; i<anchors.length; i++) { 
   var anchor = anchors[i]; 
   if (anchor.getAttribute("href") && 
       anchor.getAttribute("rel") == "external") 
     anchor.target = "_blank"; 
 } 
} 
window.onload = externalLinks;
Bekijk je JavaScript errors eens:

Timestamp: 2015-02-21 14:02:37
Error: TypeError: $(...).fancybox is not a function
Source File: http://www.podiumverhuurhaaglanden.nl/NL/portfolio
Line: 37

Om een of andere reden wordt fancybox niet herkend.

Wellicht heeft dit iets te maken met het feit dat je twee keer jQuery laadt, een keer voordat je fancybox include (http://code.jquery.com/jquery-latest.min.js) en een keer hierna (/podium/js/jquery.js)...

EDIT: en ja, als je dan toch jQuery gebruikt, gebruik dan een $().ready(function() { ... }); blok in plaats van je eigen window.onloads...
Bedankt. Hoe check je een javascript error?
Ik heb wel een html vaidator meedraaien in mijn browser.


Volgens de tutortial moest ik het zo doen.
http://fancyapps.com/fancybox/

Maar je hebt wel gelijk, als ik de (/podium/js.jquery.js) uitzet dan werkt het wel. Dank je wel hier voor.
Hier werkt het gewoon.
Ja hij werkt nu ook, dankzij de tipvan Thomas.
Bedankt. Hoe check je een javascript error?

Hangt van je browser af, kijk eens in je ontwikkelpaneel (functietoets F12), in IE zit dit onder het tabje "console".

Hier werkt het gewoon.

Zet ook altijd je browser cache uit tijdens ontwikkeling, zodat je meteen je (javascript) wijzigingen ziet na een page refresh.

Reageren