Вопросы JQuery Cycle: Пауза при загрузке + Hover Action

Question

Привет, ребята, создайте сайт, и у меня есть два вопроса для вас. Здесь размещается сайт: http://wesbos.com/tf/shutterflow/?cat=5.

У меня есть два вопроса:

1. В настоящее время слайд-шоу вращает divs с классом .lide, который содержит изображение. внутри него класс обложки накладывает на него данные/полупрозрачный фон поверх.

Если вы попробуете это, он загрузится штрафом (из-за отображения CSS: none on .cover), но когда я нажимаю миниатюру, он загружает оба div, не применяя display: none к .cover div. Он только исчезает, когда я нависаю. Я использую Jquery цикла, и мой код выглядит следующим образом: (найдено в shutterflow.js)

$(document).ready(function() { 
$('#slideshow').cycle({ 
    fx:  'fade', 
next: '#next', 
    pause: 1, 
prev: '#prev', 
    pause: '#pause', 
    pager: '.thumbs', 
    pagerAnchorBuilder: function(idx, slide) { 
        var src = $('img',slide).attr('src'); 
        return '<li><a href="#"><img src="' + src + '" height="75" /></a></li>'; 
      } 
}); 

И

 $(document).ready(  
       function() { 
       $('.slide').hover(
        function() { $(".cover").fadeIn('500'); }, 
        function() { $(".cover").fadeOut('500'); 
       } ); 
     } ); 

Как я могу получить .Накрыть для загрузки в качестве дисплея: none при нажатии на миниатюру?


2. Мой второй вопрос должен быть довольно простым. Глядя на фрагмент выше, я хочу, чтобы слайд-шоу загружалось в состоянии паузы и запускалось только при нажатии на ссылку воспроизведения.

Answer 1

EDIT: Добавлен ответ для первого вопроса.

Первый вопрос: Добавить опцию pagerClick в функцию цикла.

pagerClick:function(zeroBasedSlideIndex, slideElement) {$(slideElement).find('div.cover').hide();} 

Второй вопрос кажется простым: на основе плагина doc:

Предполагая, что у вас есть воспроизведение/пауза БТН

btnPlayPause.toggle (функция() {$ ("# слайд-шоу") .cycle ('pause');}, function() {$ ("# slideshow.cycle ('resume');})

Вы также можете изменить изображение кнопки воспроизведения/паузы в этих функциях. Также посмотреть here