Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Lightbox 2

Обсуждение темы Lightbox 2 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Кто знает галерею Lightbox 2 помогите плиз, в этой галерее при просмотре фотографий, блок с фотографией имеет отступ от верхнего края, просмотрел скрипты ...


Закрытая тема
 
Опции темы
Старый 17.11.2011, 19:32   #1
Кто знает галерею 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>
Скрипты во вложении
Вложения
Тип файла: zip scripts.zip (43.8 Кб, 0 просмотров)
 
Старый 17.11.2011, 19:32
Ссылки
Старый 17.11.2011, 20:46   #2
при вашем доктайпе <img ля ля ля ля /> должен быть закрыт
может быть в этом проблема?
 
Старый 17.11.2011, 21:22   #3
Цитата:
Сообщение от vitaly-go Посмотреть сообщение
при вашем доктайпе <img ля ля ля ля /> должен быть закрыт
может быть в этом проблема?
Это роли не играет. Скрипт работает исправно, просто я хочу его так поменять что бы отступ от верхнего края был меньше так как фото по ширине помещается а по высоте не влазит как раз на высоту этого отступа и как результат невидно описание и низ картинки, и что б его увидеть нужно использовать скрол вниз что не есть хорошо =(
 
Старый 17.11.2011, 21:27   #4
Еще одна проблема возникла с галереей, при интеграции в сайт скрипты галереи конфликтуют со скриптом скрола а именно со скриптом во вложении, кто хорошо понимает подскажите как их так поставить что б они не конфликтовали.
П.С. На всякий случай выкладываю все используемые для скрола скрипты, но конфликтует только с jquery-1.4.2.min.js
+ к скриптам во вложении этот скрипт вписан вручную
Код:
<script type="text/javascript">
	jQuery(function()
	{
		jQuery('#pane').jScrollPane({scrollbarWidth:11, showArrows:true});
	});
</script>
Вложения
Тип файла: zip js.zip (31.3 Кб, 0 просмотров)
 
Старый 18.11.2011, 09:19   #5
Если я не ошибаюсь, то лайтбокс юзает прототайп-фреймворк, а это неизбежно влечет конфликт с jquery погуглите про jquery no conflict/
по-поводу отступов. ваш код не смотрел - залез в демки на сайте и, собстно видно, что контейнер, в котором находится фото имеет абсолютное позиционирование - вот в эту сторону и копайте
http://storage6.static.itmages.ru/i/...c9398dd209.png
 
Этот пользователь сказал спасибо vladendark за это полезное сообщение:
web_smile (18.11.2011)
Старый 18.11.2011, 09:19
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Галерея фотографий или улучшенный 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


Текущее время: 15:39. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум