Если вопрос задан не в той теме, прошу модераторов перенести пост в нужный раздел. (Просто я не специалист в 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
Осталась надежда только на форум.