Fancybox повторяет первое и последнее изображение

Question

Здесь вы можете увидеть, что я имею в виду: http://petrichordesign.com/photo. Если вы щелкнете по ссылке (в данном случае, «Битва за Утолщение, Вулф-Понд-Парк», она должным образом вызовет слайд-шоу. Однако,У меня в цикле установлено значение false, но вы можете перейти влево с начала, а когда вы дойдете до конца, вы снова увидите первое изображение. То же самое происходит, когда петля верна (то есть 1-2-3-4-1-2-1-2-3-4). Вот некоторые из кодов.

$(document).ready(function() {
$("a.fancybox").fancybox({
    'mouseWheel'    :    true,
    'openEffect'    :   'elastic',
    'closeEffect'   :   'elastic',
    'nextEffect'    :   'fade',
    'prevEffect'    :   'fade',
    'openOpacity'   :   true,
    'closeOpacity'   :   true,
    'loop'        :   false,
  });
});

HTML (это долго, извините)

<div class="slide"><img src="images/alison.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Alison" href="images/alisonlarge.jpg">Alison</a></span></div>
<div class="slide"><img src="images/crane.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Crane" href="images/cranelarge.jpg">Crane</a></span></div>
<div class="slide"><img src="images/vinnyangela.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Vinny, Angela, and Jess (Double Exposed)" href="images/vinnyangelalarge.jpg">Vinny, Angela, and Jess (Double Exposed)</a></span></div>
<div class="slide"><img src="images/kellie.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Kellie" href="images/kellielarge.jpg">Kellie</a></span></div>
<div class="slide"><img src="images/concourse.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Concourse, SUNY New Paltz" href="images/concourselarge.jpg">Concourse, SUNY New Paltz</a></span></div>

Если вам нужно что-то знатьеще, дайте мне знать. Заранее спасибо!

С уважением

Answer 1

Поместите div вокруг него, у меня получилось;)

Как это:

<div>
  <div class="slide">...</div>
  <div class="slide">...</div>
</div>

Answer 2

Измените ключ 'loop' на 'циклический' с кавычками, как сказано в Fancybox API .

$(document).ready(function() {
    $("a.fancybox").fancybox({
        'mouseWheel'    :    true,
        'openEffect'    :   'elastic',
        'closeEffect'   :   'elastic',
        'nextEffect'    :   'fade',
        'prevEffect'    :   'fade',
        'openOpacity'   :   true,
        'closeOpacity'   :   true,
        'cyclic'        :   false, // 'loop' to 'cyclic'
    });
});