Нумерация миниатюр с помощью jQuery

Question

мой сайт http://www.rsphotographs.com уже несколько дней онлайн, и я хотел бы немного изменить дизайн.Однако я не знаю, как так выглядит «описание проблемы»: -)

На сайте используется плагин jQuery «FancyBox».Если вы посмотрите на галерею на веб-сайте, например, черно-белое, вы увидите, что на странице максимум 15 эскизов.Если их больше, значит, страниц больше.

Фактическое поведение

1. Открыть галерею "черно-белое".
2. Нажмите на последнююизображение на первой странице.Плагин FancyBox показывает увеличенное изображение.
3. Нажмите правую кнопку курсора, чтобы перейти к следующему изображению.FancyBox снова показывает первое изображение первой страницы.

Желаемое поведение

Вместо того, чтобы показывать первое изображение первой страницы, FancyBox должен показывать следующее изображениена следующей странице, то есть посетитель может циклически проходить по всей галерее, а не только по страницам.

Я видел, что есть несколько плагинов для разбивки на страницы для jQuery, которые могут это сделать, но я не знаю, какразделить миниатюры.

Кто-нибудь может помочь?

Ура,Роберт

Answer 1

Подсказка состоит в том, чтобы создать 1 страницу со всеми вашими изображениями и на основе вашей нумерации страниц вы показываете 15 первых.

С Fancybox у вас есть обратный вызов, который дает вам позицию вашего текущего изображения, основываясь на том, что вы показываете или скрываете остальную часть вашего контента.($ .fancybox.pos)

Пример: в вашей галерее 40 фотографий.Чем вы показываете изображения 1 - 15 и устанавливаете 16 - 40 на дисплее: нет.Когда вы находитесь на рисунке 15 и пользователь нажимает кнопку «Далее», то вы скрываете картинку 1–15, и вы показываете 16–30. Исходя из этого, вы также изменяете свою нумерацию страниц.

Подробнее о обратных вызовах fancybox: http://fancybox.net/api