2013-06-24 6 views
5

Es ist nur überhaupt nicht aktiviert. Ich habe den Code genau so kopiert, wie er auf der Demo-Seite des Plugins ist. Gibt es etwas, was ich verpasst habe?Jquery Zyklus 2 Karussell funktioniert nicht keine Konsolenfehler

<div class="slideshow" 
    data-cycle-fx=carousel 
    data-cycle-timeout=0 
    data-cycle-carousel-visible=2 
    data-cycle-next="#next" 
    data-cycle-prev="#prev" 
    data-cycle-pager="#pager"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach1.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach2.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach3.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach4.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach5.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach6.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach7.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach8.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach9.jpg"> 
</div> 

<div class=center> 
    <a href="#" id="prev">&lt;&lt; Prev </a> 
    <a href="#" id="next"> Next &gt;&gt; </a> 
</div> 

<div class="cycle-pager" id="pager"></div 

<script type="text/javascript" src="jquery-1.9.1.min.js?$staticlink$"></script> 

<!-- JS FILES TO BE INCLUDED--> 
<script type="text/javascript" src="anniversary/js/jquery.easing.1.3.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/main.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/jquery.cycle2.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/jquery.cycle2.carousel.js?$staticlink$"></script> 

Antwort

8

um Auto-Aktivierung einen Schieber oder ein Karussell mit Zyklus, müssen Sie die Standardklassennamen verwenden „Zyklus-Diashow“ sonst müssen Sie erklären, welche Klasse das Plugin hat zu suchen:

<script> 
    $.fn.cycle.defaults.autoSelector = [YOUR-CLASS-NAME]; //single or double quoted class without the square brackets 
</script> 

Vergessen Sie nicht, ein sauberes Code-Schreiben zu verwenden. Ihnen fehlt eine Schließung in Ihren Tags.

Dies ist fiddle, um den Arbeitscode anzuzeigen.

+1

+1 seine Arbeit. Aber es funktioniert nicht, wenn ich im Browser auf "Strg + R" klicke – Chandu