2014-10-13 8 views
6

Come faccio a riavvolgere il carosello del gufo? Voglio solo un ciclo continuo. Devo scrivere un callback completo per qualcosa che dovrebbe già essere incluso nel plugin? Ho provato ad usare il loop: true; senza fortuna.Come posso interrompere il riavvolgimento del carosello del gufo? Voglio solo un ciclo continuo

http://owlgraphic.com/owlcarousel/demos/one.html

+0

se un plug-in del dispositivo di scorrimento non ha funzionalità che si desidera, utilizzare un altro che lo fa. Non è che siano difficili da trovare – charlietfl

+0

grazie. vorrei che fosse una buona soluzione. Tuttavia, questo dispositivo di scorrimento funziona meglio con lo script head.js che utilizzo. –

+0

Hai provato 'riavvolgiNav: \t false' – Macsupport

risposta

10

Come esempio, provate questa impostazione

$("#owl-demo").owlCarousel({ 
    autoPlay: 3000, //Set AutoPlay to 3 seconds 
    items : 4, 
    rewindNav:false //**This 

}); 
+0

grazie. Rimosso con successo la funzionalità rewind. Ci siamo quasi. Ora deve tornare al primo frame. Questo è qualcosa che avrebbe dovuto essere un parametro nel plugin. –

+2

Questa non è un'opzione nella versione 1.33 del carosello del gufo ma è in v2, in versione beta ora. [owlcarousel v2] (http://www.owlcarousel.owlgraphic.com/demos/basic.html) – Macsupport

+0

Sì lo è, l'ho appena scoperto! Grazie per tutto il tuo aiuto! Questo risparmia un sacco di tempo. Vorrei che mi avessero detto prima. Grazie! –

1

Prima, impostare ciclo per false.Then funzionerà.

$(document).ready(function() { 
    $('.owl-carousel').owlCarousel({ 
     items:4, 
     lazyLoad:true, 
     nav:true, 
     loop:false, 
     navRewind:false, 
     margin:10 
    }); 
}) 
4

Mi sono imbattuto nello stesso errore e ho trovato una soluzione rapida per questo. È possibile utilizzare rewindSpeed: 0 con rewindNav: true.

ho provato con queste impostazioni:

$("#owl-slider-hero").owlCarousel({ 
    autoPlay : 5000, 
    lazyLoad:true, 
    navigation : false, 
    slideSpeed : 500, 
    paginationSpeed : 400, 
    singleItem : true, 
    rewindNav : true, 
    rewindSpeed: 0 
}); 

In questo modo, lo script riavvolge ancora, ma difficilmente si può vedere. Il cambiamento non è fluido come in un ciclo continuo, ma è piuttosto vicino.

Spero che questo aiuti qualcuno!

Problemi correlati