Я очень много использую fancybox, и, насколько я вижу, я не сделал ничего плохого. Изображения отвечают на ВТОРОЙ щелчок, что довольно странно, а следующее/предыдущее изображение не работает.
Код HTML:
<div id="fotobox">
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
<a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
</div>
И jquery:
$(document).ready(function(){
$(".fancybox").fancybox();
});
Что здесь может быть неправильным?
Я поместил свой проект в прямом эфире на http://www.warrebuysse.be/test. Нажмите "группа" в навигации, и вы увидите.
Есть предположения? Нужно довести это до рассвета.
<link href="css/libs/jquery.fancybox.cssu" rel="stylesheet" type="text/css"/>
<!--- ^
Попробуйте сначала установить ссылку на файл fancybox.css. В настоящее время у вас есть ссылка здесь:
http://www.warrebuysse.be/test/css/libs/jquery.fancybox.cssu
Удалите u в конце ссылки.