Показать сообщение отдельно
  #1 (permalink)  
Старый 19.07.2009, 10:02
Новичок на форуме
Отправить личное сообщение для MASTER Посмотреть профиль Найти все сообщения от MASTER
 
Регистрация: 19.07.2009
Сообщений: 6

Многостраничная галерея на lightbox.js Как сделать?
Если вопрос задан не в той теме, прошу модераторов перенести пост в нужный раздел. (Просто я не специалист в javascript, многих тонкостей не знаю)

Помогите, пожалуйста, решить задачу.
Необходимо сделать многостраничную галерею на lightbox.js
Я не программер, поэтому описала структуру галереи, проблемы и задачи своими словами, как смогла. Надеюсь, вышло понятно. Смотрите аттач.
Итак. Есть сайт на HTML и скрипт Lightbox v2.04
Никаких изменений в файлах скрипта не делалось, кроме одной строки в lightbox.js
var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);
10 изменила на 1000.
(В дальнейшем еще буду экспериментировать с этой строкой)
Плюс для превью был создан файл стилей.
Ссылки на фото выглядят так:
Код:
<table cellpadding="0" cellspacing="0" class="imageContainertable" id="table3">
<tr>
	<td valign="top" width="149">
	<div id="projects">
	<a title="Свадьба описание" rel="lightbox[wedding-001]" href="weddings/wedding-001/slides/001.jpg">
	<img src="weddings/wedding-001/thumbs/001.jpg" title="Титл изображения" alt="Альт изображения" width="114" height="101"></a><br>
	<td valign="top" width="149">
	<div id="projects">
	<a title="Свадьба описание" rel="lightbox[wedding-001]" href="weddings/wedding-001/slides/002.jpg">
	<img src="weddings/wedding-001/thumbs/002.jpg" title="Титл изображения" alt="Альт изображения" width="114" height="101"></a><br>
	<td valign="top" width="149">
	<div id="projects">
	<a title="Свадьба описание" rel="lightbox[wedding-001]" href="weddings/wedding-001/slides/003.jpg">
	<img src="weddings/wedding-001/thumbs/003.jpg" title="Титл изображения" alt="Альт изображения" width="114" height="101"></a><br>
	<br></div></td>
</tr>

И т.д. до картинки №15

</table>
Переход по стр. галереи:
Код:
<a href="http://smv.od.ua/gallerys/wedding-001_str-001.html">
<font color="#08629F" size="2">1</font></a>
<a href="http://smv.od.ua/gallerys/wedding-001_str-002.html" style="text-decoration: none">
<font color="#08629F" size="2">2</font></a>
Проблемы.
Есть две страницы галереи (будет и больше). На каждой размещено по 15 превью. Все фото лежат в одной папке, в ней находится папка с большими фото и папка с превью (имя_папки/slides и имя_папки/thumbs). При просмотре фото №15 на нем отсутствует кнопка NEXT, а при просмотре фото №16, отсутствует кнопка PREV. Невозможно осуществить переход с фото №15 на фото №16, то есть, просмотр всех фото, находящихся в папке, невозможен, так как ссылки на них расположены на разных страницах, с 1 по 15 на стр. №1, с 16 по 30 на стр. №2

Задача.
На фото №15 и 16, должны появиться кнопки NEXT и PREV, чтобы просматривать все фото в папке.
При выходе из просмотра на страницу с превью, необходимо, чтобы пользователь оказывался на той стр., на которой находится просматриваемое фото. То есть, если просматривалось фото №15, превью которого находится на стр №1, а затем №16, превью которого находится на стр. №2, пользователь должен попасть на стр. №2

Вопрос.
Если есть специалисты, которые разбираются в этом скрипте, подскажите, где и что нужно прописать? Может быть в стилях скрипта, или в самом файле lightbox.js, а может на HTML странице в ссылках на фото, или еще где-то.
Буду благодарна за любой совет или идею! Как я не измывалась над Гуглей, какие запросы не давала, информацию так и не нашла. Такое впечатление, что в интернете просто отсутствуют многостраничные галереи на lightbox
Осталась надежда только на форум.
Изображения:
Тип файла: jpg struktura-voprosi-1.jpg (92.7 Кб, 9 просмотров)
Ответить с цитированием