Я пытаюсь добавить лайтбокс с помощью поведения fancybox на свой сайт, но после проверки с помощью профилировщика JS после нажатия на изображение для лайтбокса с FF или Chrome я попадаю в бесконечный цикл с этой ошибкой:
Cannot read property 'href' of undefined
Изображения загружаются, хотя с ошибками при закрытии или иногда сбоем браузера, но бесконечное число этих вызовов и воссоздание изображений в исходном коде HTML приводит к этому.
Это мой HTML с изображениями:
<div class="below_shadow" style="top: 0px;">
<a class="portfolio_link" href="http://mywebsite.com/images/DSC_0258-794x1024.jpg">
<img class="frame" alt="" src="http://mywebsite.com/images/DSC_0258-794x1024.jpg&h=131&w=180&zc=1" style="top: 0px;">
</a>
<span style="display: none;" class="portfolio4_hover">
<a style="top: 0px; " class="portfolio_image" href="javascript:;">
<img alt="" src="http://mywebsite.com/images/icon_zoom.png">
</a>
</span>
</div>
А это мой звонок в разделе JS:
jQuery(window).load(function() {
jQuery('.below_shadow a.portfolio_link').fancybox({
padding: 0,
overlayColor: '#000',
transitionIn: 'elastic',
transitionOut: 'elastic',
overlayOpacity: .8,
showNavArrows: true
});
});