Я пытаюсь заставить этот лайтбокс работать, и я не совсем уверен, что мне не хватает.
Мой соответствующий код выглядит следующим образом:
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<!-- Lightbox -->
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("img.comidas").lightBox();
});
</script>
</head>
Изображения выводятся следующим образом:
<tr>
<td><a href="images/big-boss-adulto.jpg"><img src="images/big-boss-adulto.jpg" width="118" height="170" class="comidas"/></a></td>
<td><a href="#"><img src="images/big-boss-cachorro.jpg" width="118" height="170" class="comidas"/></a></td>
<td><a href="#"><img src="images/eukanuba-adulto.jpg" width="118" height="170" class="comidas"/></a></td>
</tr>
(я пытаюсь, только если лайтбокс работает с первым изображением)
Идентификатор проблемы следующий, лайтбокс получаетзастрял здесь (в загрузочной части):
Вещи, которые я проверил и что я могу сделать вывод:
- Все js и css являютсяправильно связаны и существуют
- Вероятно, корректно работают javascript и styleshit лайтбокса:
- Стиль кажется правильным
- Когда вы щелкаете за пределами изображения (илинажмите esc) маячок исчезнет
Еще одна вещь, которую я проверял, использовала load:
$(window).load(function() {
$("img.comidas").lightBox();
});
Но та же проблема, кажется, сохраняется.