Lightbox 2

web_smile · 17.11.2011, 19:32

Кто знает галерею Lightbox 2 помогите плиз, в этой галерее при просмотре фотографий, блок с фотографией имеет отступ от верхнего края, просмотрел скрипты и цсску не нашел, подскажите где там менять отступ от верхнего края страницы?

Вот код страницы:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<center>
<a href="images/photo/1.jpg" rel="lightbox[Общая]" title="Вход">
<img src="images/mini/1.jpg"></a>
<a href="images/photo/2.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/2.jpg"></a>
<a href="images/photo/3.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/3.jpg"></a>
<a href="images/photo/4.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/4.jpg"></a>
<a href="images/photo/5.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/5.jpg"></a>
<br>
<a href="images/photo/6.jpg" rel="lightbox[Общая]" title="Вход">
<img src="images/mini/6.jpg"></a>
<a href="images/photo/7.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/7.jpg"></a>
<a href="images/photo/8.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/8.jpg"></a>
<a href="images/photo/9.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/9.jpg"></a>
<a href="images/photo/10.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/10.jpg"></a>
<br>
<a href="images/photo/11.jpg" rel="lightbox[Общая]" title="Вход">
<img src="images/mini/11.jpg"></a>
<a href="images/photo/12.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/12.jpg"></a>
<a href="images/photo/13.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/13.jpg"></a>
<a href="images/photo/14.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/14.jpg"></a>
<a href="images/photo/15.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/15.jpg"></a>
<br>
<a href="images/photo/16.jpg" rel="lightbox[Общая]" title="Вход">
<img src="images/mini/16.jpg"></a>
<a href="images/photo/17.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/17.jpg"></a>
<a href="images/photo/18.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/18.jpg"></a>
<a href="images/photo/19.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/19.jpg"></a>
<a href="images/photo/20.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/20.jpg"></a>
<br>
<a href="images/photo/21.jpg" rel="lightbox[Общая]" title="Вход">
<img src="images/mini/21.jpg"></a>
<a href="images/photo/22.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/22.jpg"></a>
<a href="images/photo/23.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/23.jpg"></a>
<a href="images/photo/24.jpg" rel="lightbox[Общая]" title="my caption">
<img src="images/mini/24.jpg"></a>
</center>
</body>
</html>

Скрипты во вложении

vitaly-go · 17.11.2011, 20:46

при вашем доктайпе <img ля ля ля ля /> должен быть закрыт
может быть в этом проблема?

web_smile · 17.11.2011, 21:22

Цитата:

Сообщение от vitaly-go

при вашем доктайпе <img ля ля ля ля /> должен быть закрыт
может быть в этом проблема?

Это роли не играет. Скрипт работает исправно, просто я хочу его так поменять что бы отступ от верхнего края был меньше так как фото по ширине помещается а по высоте не влазит как раз на высоту этого отступа и как результат невидно описание и низ картинки, и что б его увидеть нужно использовать скрол вниз что не есть хорошо =(

web_smile · 17.11.2011, 21:27

Еще одна проблема возникла с галереей, при интеграции в сайт скрипты галереи конфликтуют со скриптом скрола а именно со скриптом во вложении, кто хорошо понимает подскажите как их так поставить что б они не конфликтовали.
П.С. На всякий случай выкладываю все используемые для скрола скрипты, но конфликтует только с jquery-1.4.2.min.js
+ к скриптам во вложении этот скрипт вписан вручную

Код:

<script type="text/javascript">
	jQuery(function()
	{
		jQuery('#pane').jScrollPane({scrollbarWidth:11, showArrows:true});
	});
</script>

vladendark · 18.11.2011, 09:19

Если я не ошибаюсь, то лайтбокс юзает прототайп-фреймворк, а это неизбежно влечет конфликт с jquery погуглите про jquery no conflict/
по-поводу отступов. ваш код не смотрел - залез в демки на сайте и, собстно видно, что контейнер, в котором находится фото имеет абсолютное позиционирование - вот в эту сторону и копайте
http://storage6.static.itmages.ru/i/...c9398dd209.png

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Галерея фотографий или улучшенный Lightbox	artogap	HTML, CSS, JavaScript	1	16.08.2011 16:18
jquery-lightbox (скролл)	HelloMoto	HTML, CSS, JavaScript	3	02.07.2011 10:05
lightbox работает тока на локальном сервере	DeCa	HTML, CSS, JavaScript	3	06.01.2011 23:57
Не могу подключить lightbox в шаблон	edraga	HTML, CSS, JavaScript	2	28.09.2010 02:29

17.11.2011, 20:46	#2
vitaly-go	при вашем доктайпе <img ля ля ля ля /> должен быть закрыт может быть в этом проблема?

18.11.2011, 09:19	#5
vladendark	Если я не ошибаюсь, то лайтбокс юзает прототайп-фреймворк, а это неизбежно влечет конфликт с jquery погуглите про jquery no conflict/ по-поводу отступов. ваш код не смотрел - залез в демки на сайте и, собстно видно, что контейнер, в котором находится фото имеет абсолютное позиционирование - вот в эту сторону и копайте http://storage6.static.itmages.ru/i/...c9398dd209.png

17.11.2011, 19:32
Ссылки