jQuery Cycle - #next #prev, перейти к следующей галерее после последнего слайда текущей галереи - PullRequest
Новая
       14

jQuery Cycle - #next #prev, перейти к следующей галерее после последнего слайда текущей галереи

2 голосов
/ 20 апреля 2010

Я использую цикл jQuery в нескольких галереях с навигацией #next #prev и выводом счетчика изображений.

Теперь я пытаюсь соединить все эти галереи вместе. Если пользователь достигает последнего слайда галереи A (galleryA.html), привязка #next должна указывать на галерею B (galleryB.html) / привязка #prev должна указывать на галерею C (galleryC.html).

Как я могу объединить мои 2 функции, чтобы сделать это? 

// slideshow fx
$(function() {
        $('#slideshow').cycle({ 
        fx:     'fade',
        speed:  350,        
        prev:   '#prev', 
        next:   '#next', 
        timeout: 0,
        after:     onAfter
    });
});
//image counter output
function onAfter(curr,next,opts) {
    var caption = 
        (opts.currSlide + 1) + opts.slideCount;
        $('#counter').html(caption);
}

HTML: 

<div id="slideshow-container">

<div class="slideshow-nav"><a id="prev" href=""></a></div>
<div class="slideshow-nav"><a id="next" href=""></a></div>

<div id="slideshow" class="pics">
    <img src="galleryA/01.jpg" />
    <img src="galleryA/02.jpg" />
    <img src="galleryA/03.jpg" />
    <img src="galleryA/04.jpg" />
    <img src="galleryA/05.jpg" />
    <img src="galleryA/06.jpg" />
</div>
</div>

Ответы [ 2 ]

1 голос
/ 20 апреля 2010

Не слишком знаком с плагином цикла, но вы можете поместить что-то вроде этого в function onAfter: 

if(opts.currSlide == opts.slideCount) { 
  $("#next").attr("href","galleryB.html"); 
}

или вы можете попробовать 

if(opts.currSlide == opts.slideCount) { 
 $("#next").click(function() { document.location = "galleryB.html"; });
}

Не проверено, что-то в этом роде?

По сути, он только придает поведение перенаправления на #next после того, как был показан последний слайд .. Возможно, есть опция onFinish или что-то еще, вы проверили документы?

0 голосов
/ 24 апреля 2010

Вы можете посмотреть здесь:

http://helpdesk.toitl.com/?p=cycle_plugin

Не так просто интегрировать 2 синхронизированных цикла в одну и ту же страницу ... В этом примере не происходит перезагрузки страницы с местоположением = ... но управление 2 галереями осуществляется с помощью различных команд плагина цикла. .

С уважением, Доминик ВИНСЕНТ

...