Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   lightbox(ЛайтБокс) не работает - при увелечении картинки,открывает в новом белом окне (https://javascript.ru/forum/xhtml-html-css/9150-lightbox-lajjtboks-ne-rabotaet-pri-uvelechenii-kartinki-otkryvaet-v-novom-belom-okne.html)

illusive_genius 01.05.2010 12:58

lightbox(ЛайтБокс) не работает - при увелечении картинки,открывает в новом белом окне
 
Всем привет! Столкнулся с проблемой lightbox в галереи.
Ситуация наверное уже многим известна.
Суть такая: в общем при клике на миниатюру,должна происходить анимации большой картинки,но она не происходит,не подгружаются элементы для управления изображениями в библитеке,а самое главное изображение открывается в отдельном окне на белом фоне...

код:
<html>
<head>
<title>BIS-DESIGN</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8;charset=utf-8"">
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="public_html/js/jquerty-1.2.6.js" type="text/javascript"></script>
<script src="public_html/js/jquery.lightbox.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
$(".lightbox").lightbox({
fitToScreen: true
});
});
</script>

</head>
<body>
<a href="image/1_large.jpg" class="lightbox" title="" rel="lightbox"><img src="image/1_small.jpg" width="180" height="135" /></a>
</body>
</html>

это последнее на чем остановился...вариантов уже поменял кучу,за ночь можно сделать очень много...но результата так и не получилось конечного...в чем причина не могу понять. Помогите плиз!!! Буду благодарен...

zateynik 13.06.2010 04:42

не работает лайтбокс по причине конфликта библиотек в частности jquery

вам нужно после скрипта который регулирует функции лайтбокса вставить

<script>jQuery.noConflict();</script>

vkurlyan 21.10.2011 15:17

У меня используется jQuery помимо lightbox.

Когда САМ подключаю jQuery (выходит 2-ой раз после lightbox`a), то скрипты работают а lightbox - нет.

Если не подключаю, то лайтбокс работает, а другие скрипты - нет.

Добавил <script>jQuery.noConflict();</script> - ничего не изменилось


Часовой пояс GMT +3, время: 14:20.