Fancybox Gallery Loop Hiccup - PullRequest
Новая
       24

Fancybox Gallery Loop Hiccup

0 голосов
/ 10 декабря 2011

У меня проблемы с галереей изображений в Fancybox. У меня 4 изображения, 3 скрыты с помощью CSS, одно - миниатюра. Когда я нажимаю на миниатюру, Fancybox запускается нормально и циклически перебирает 4 изображения, но когда я возвращаюсь к конечному изображению, а не возвращаюсь к изображению 1, он повторяет изображение 4 несколько раз, а затем, наконец, переходит к изображению 1.

Вы можете увидеть это явление здесь. (Нажмите на большое белое изображение.)

Вот код: 

<div class="primary">
<figure>
<a class="fancybox" rel="group1" href="pics/street_1.png" title= "1 of 4: <strong>STREET SEEN
CATALOGUE</strong><br><em>216-PAGE, HARD-COVER, SMYTH-SEWN BOOK,
10.875 X 13.25 INCHES</em><br>Designed to accompany the exhibition Street Seen: The Psychological Gesture in American Photography
1940–1959 at the Milwaukee Art Museum. The exhibition focuses on the
work of six photographers, Lisette Model, Louis Faurer, Ted Croner,
Saul Leiter, William Klein, and Robert Frank during a pivital time in
American art, when global media was in its adolescence and photography
was just beginning to gain recognition in the art world."><img
src="pics/streetseen_s1.jpg" width="300" height="423"/>

<figcaption>
<h3>STREET SEEN CATALOGUE</h3>
<p>Salvia lomo leggings culpa. Gluten-free enim readymade butcher, trust fund magna est food truck laboris
8-bit.</p>
<img class="nopad" src="pics/cyan_squig_long_s1.gif">
<h4> PRINT </h4>
</figcaption>
</a>
</figure> 

<div class="hidden">
<a class="fancybox" rel="group1" href="pics/street2_s1.jpg" title="2 of 4: <strong>STREET SEEN
CATALOGUE</strong>"</a>
<a class="fancybox" rel="group1" href="pics/street3_s1.jpg" title="3 of 4: <strong>STREET SEEN
CATALOGUE</strong>"</a>
<a class="fancybox" rel="group1" href="pics/street4_s1.jpg" title="4 of 4: <strong>STREET SEEN
CATALOGUE</strong>"</a>  
 </div>
 </div>

1 Ответ

1 голос
/ 10 декабря 2011

В вашей разметке есть ошибка (вам не хватает некоторых > ): 

<a class="fancybox" rel="group1" href="pics/street2_s1.jpg" title="2 of 4: <strong>STREET SEEN CATALOGUE</strong>"</a>
<a class="fancybox" rel="group1" href="pics/street3_s1.jpg" title="3 of 4: <strong>STREET SEEN CATALOGUE</strong>"</a>
<a class="fancybox" rel="group1" href="pics/street4_s1.jpg" title="4 of 4: <strong>STREET SEEN CATALOGUE</strong>"</a>

должно быть 

<a class="fancybox" rel="group1" href="pics/street2_s1.jpg" title="2 of 4: <strong>STREET SEEN CATALOGUE</strong>"></a>
<a class="fancybox" rel="group1" href="pics/street3_s1.jpg" title="3 of 4: <strong>STREET SEEN CATALOGUE</strong>"></a>
<a class="fancybox" rel="group1" href="pics/street4_s1.jpg" title="4 of 4: <strong>STREET SEEN CATALOGUE</strong>"></a>
...