Fragen JQuery-Zyklus: Pause auf Last + Hover Aktion

Question

Hallo Leute, den Aufbau einer Website, und ich habe für Sie zwei Fragen. Die Webseite ist für vorerst hier gehostet: http://wesbos.com/tf/shutterflow /? cat = 5 .
Ich habe zwei Fragen:
1. Derzeit ist die Diashow dreht divs mit der Klasse von .slide, die das Bild enthält. im Innern, eine Klasse von .Abdeckung Overlays mit den Daten / ein halbtransparenten Hintergrund zu über.
Wenn Sie dies versuchen, es lädt fein (aufgrund der CSS display: none auf .Abdeckung), aber wenn ich auf ein Miniaturbild es beide divs lädt, nicht Anzeige Anwendung: keine an die .Abdeckung div. Es blendet nur aus, wenn ich schweben über. Ich benutze JQuery-Zyklus und mein Code sieht wie folgt aus: (in shutterflow.js gefunden)

$(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>';
            } 
});

Und

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

Wie kann ich .Abdeckung als Anzeige laden: keine, wenn ein Miniaturbild angeklickt wird
2. Meine zweite Frage sollte ziemlich einfach sein. Mit Blick auf das Snippet oben, mag ich die Diashow in einem pausierten Zustand zu laden, und nur, wenn das Spiel Link geklickt auszuführen.

Answer 1

EDIT:. Hinzugefügt Antwort für die erste Frage

Erste Frage: Fügen Sie die pagerClick Option auf die Zyklusfunktion.

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

Die zweite Frage scheint einfach: bezogen auf das Plugin doc :

Angenommen, Sie haben eine Wiedergabe / Pause BTN

btnPlayPause.toggle (function () {$ ( "# Diashow") Zyklus ( 'Pause'),.} Function () {$ ( "# slideshow.cycle ( 'Lebenslauf');})

Sie können auch die Wiedergabe / Pause-Taste Bild in diesen Funktionen ändern. Schauen Sie auch hier