Преобразование Flipbook Slider Сделать Loop + Если это возможно, чтобы сделать его отзывчивым

-1

Я новичок в Javascripting так Plase медведь со мной в любом случае вот мой вопрос:Преобразование Flipbook Slider Сделать Loop + Если это возможно, чтобы сделать его отзывчивым

Вот этот сайт: http://jemmarieann.com/flipbookslideshow/marcbuils-Flippage-c46f6d1/exemples/exemples3.html

так что я использовал Jquery: уже сделанную http://marcbuils.github.io/Flippage/

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

То, что я смог сделать, автоматически включал страницы 1 на страницу 2, но после этого ничего не происходит. Я почти уверен, что я скучаю, так как я новичок.

Мне удалось заставить его автоматически переворачиваться с помощью dreamweiver, но он останавливается, когда он достигает последнего изображения. Как мне заставить его вернуться к первому изображению и петле?

 <script type="text/javascript"> 



    setInterval(check, 1000); // trigger check function every 1 sec 

    function check() 

    { 

     var $nextItem = $('.exemples.active') 
     .trigger('next') 
     .removeClass('active') 
     .next('.exemples'); 


    if ($nextItem.length == 0) $nextItem = $('.exemples').first(); 

     $nextItem.trigger('next').addClass('active'); 

    }; 



    </script>

Вот код тела

<body> 
<div> 
<div id="wrapper"> 
<div class="exemples"> 
    <div><img src="img/1.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/1.jpg" style="margin-left: -683px;" /></div> 
    <div><img src="img/FA_WEB1B.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/FA_WEB1B.jpg" style="margin-left: -683px;" /></div> 
    <div><img src="img/2.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/2.jpg" style="margin-left: -683px;" /></div> 
    <div><img src="img/front.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/front.jpg" style="margin-left: -683px;" /></div> 
    <div><img src="img/3.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/3.jpg" style="margin-left: -683px;" /></div> 
    <div><img src="img/lopulent5.jpg" style="margin-left: 0px;" /></div> 
    <div><img src="img/lopulent5.jpg" style="margin-left: -683px;" /></div> 
    </div> 
    </div> 
      <div><a href="#" onClick="$('.exemples:eq(0)').trigger('previous'); return false;">Previous</a> - <a href="#" onClick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">Next</a></div> 
     </div> 
</body>

источник

2013-05-10 Kitsu

Я проверил плагин и его функциональные возможности, я думаю, что вам нужно для автоматического запуска опции следующий автоматически.

Я делаю это так

setTimeout(check, 1000); // trigget check function every 1 sec 
function check() 
{ 
    $('#exemples').trigger('next'); 
}

источник

2013-05-10 13:52:48 dreamweiver

Я попробовал это, и это имеет тот же результат, только переворачивается с 1 по изображению 2. – Kitsu

Хорошо управляемый, чтобы заставить его работать с помощью setInterval вместо SetTimeout проблемы теперь делает цикл слайд-шоу – Kitsu

Изменил вопрос Я надеюсь, что я пытаюсь сделать яснее сейчас :) – Kitsu

Преобразование Flipbook Slider Сделать Loop + Если это возможно, чтобы сделать его отзывчивым

ответ

Смежные вопросы