2016-07-12 3 views
0

Ich verwende LayerSlider, um Karussell auf meiner Website zu machen. Wenn ich nun auf Zurück/Weiter klicke, bewegt sich der Schieberegler automatisch zur ersten Ebene.Wie behandelt man Ebenen auf Slider mit LayerSlider?

Ich möchte benutzerdefinierte mein Javascript. Klicken Sie auf Weiter, um zur nächsten Ebene zu gelangen, und nicht zur ersten Ebene. Hier ist mein Code:

var sliderObject = lsjQuery("#layerslider_6").layerSlider({ 
     // height : __height, 
     responsive: false, 
     responsiveUnder: 1900, 
     layersContainer: 1900, 
     pauseOnHover: false, 
     navStartStop: false, 
     twoWaySlideshow: true, 
     navButtons: false, 
     // skin : 'fullwidth', 
     showCircleTimer: false, 
     cbInit: function (data) { 
      matchSizeLayerElement(); 
     }, 
     cbAnimStart: function (data) { 
      matchSizeLayerElement(); 
      // console.log('Animate Start' + (new Date().getTime()/1000)); 
     }, 
     cbAnimStop: function (data) { 
      matchSizeLayerElement(); 
      // console.log('Animate Stop' + (new Date().getTime()/1000)); 
     }, 
     cbPrev  : function(data){ 
      console.log('Click Prev'); 
     }, 
     cbNext  : function(data){ 
      console.log('Click Next'); 
     }, 
    }); 

    lsjQuery("#layerslider_6").layerSlider('start'); 

Ich suchte immer öfter, aber ich habe keine Lösungen.

Sorry für mein schlechtes Englisch.

Each answers will become the God save my life! 

Antwort

1

Schauen Sie sich die API Methods Abschnitt der LayerSlider Dokumentation, ich glaube, dass es die Informationen hat, die Sie suchen.

// moves to the layer after the current layer: 
lsjQuery("#layerSlider_6").layerSlider('next'); 

// moves to the layer before the current layer: 
lsjQuery("#layerSlider_6").layerSlider('prev'); 

// moves to the 4th layer (regardless of current layer): 
lsjQuery("#layerSlider_6").layerSlider(4);  
+0

Ich habe versucht, alle APIs zuvor anzuwenden, wird der Schieberegler auf die erste Schicht, nicht nächste/vorherige Schichten zurückgesetzt. Die Website http://uniq-cosmetics.vn/en/demo –

+0

Ich bin nicht in der Lage, den Code auf dieser Seite zu finden, können Sie ein Beispiel auf jsFiddle erstellen, die das Problem reproduziert, so dass es einfacher zu beheben ist? –