Fancybox - установка следующего / предыдущего URL? - PullRequest
0 голосов
/ 07 февраля 2012

У меня есть галерея, которая использует Fancybox для загрузки iFrame внутри лайтбокса в зависимости от того, какие параметры передаются через URL. Все нормально работает на обычных страницах галереи (так как все изображения на странице для загрузки в fancybox).

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

Единственное решение, которое я могу придумать на данный момент, заключается в добавлении скрытых ссылок для fancybox, но я чувствую, что это может запутаться, и, надеюсь, есть более хороший способ.

Итак, есть ли способ установить следующий / предыдущий URL? Или другое решение этой проблемы, которое кто-то использовал / может придумать?

Спасибо

1 Ответ

0 голосов
/ 17 февраля 2012

Для тех, кто заинтересован, «решение», которое мне пришлось использовать, - это вывод множества пустых тегов привязки на странице для каждой галереи на странице.

Итак, галерея 1 выглядит примерно так:

<a href="/foo/large/bar1.jpg" rel="gallery1">
  <img src="/foo/thumbs/bar1.jpg" alt="foo bar" />
</a>
<a href="/foo/large/bar2.jpg" rel="gallery1">
  <img src="/foo/thumbs/bar2.jpg" alt="foo bar" />
</a>
<a href="/foo/large/bar3.jpg" rel="gallery1">
  <img src="/foo/thumbs/bar3.jpg" alt="foo bar" />
</a>
<a href="/foo/large/bar4.jpg" rel="gallery1"></a>
<a href="/foo/large/bar5.jpg" rel="gallery1"></a>
<a href="/foo/large/bar6.jpg" rel="gallery1"></a>
...

Это делает код очень грязным (часто на одной странице есть сотни пустых ссылок), но ничего не меняется на странице, и кажется, что она не сильно замедляет страницу (если вообще), так что я думаю, только я действительно буду заботиться о том, чтобы в разметке были пустые якоря. ИМО, это не идеальное решение, но оно работает.

Опять же, если у кого-то есть более чистое / приятное решение этой проблемы, пожалуйста, поделитесь ответом, поскольку я, например, был бы очень заинтересован!

...