Ermitteln der Anzahl verfügbarer Bilder und verbleibender Bilder eines Jssor-Schiebereglers

Question

Ich habe einen Jssor-Schieberegler, der Bilder anzeigt und die Anzahl der verbleibenden Bilder im Schieberegler auf der rechten Seite sowie die Gesamtzahl der Bilder anzeigen soll die linke Seite. Bitte beachten Sie den beigefügten Screenshot als Beispiel.

Schieber Optionen:

< script type = "text/javascript" > 
    jQuery(document).ready(function($) { 

    var jssor_1_options = { 
     $AutoPlay: false, 
     $AutoPlaySteps: 4, 
     $SlideDuration: 160, 
     $SlideWidth: 200, 
     $SlideSpacing: 3, 
     $Cols: 4, 
     $Captions: true, 
     $ArrowNavigatorOptions: { 
     $Class: $JssorArrowNavigator$, 
     $Steps: 1 
     }, 
     $BulletNavigatorOptions: { 
     $Class: $JssorBulletNavigator$, 
     $SpacingX: 1, 
     $SpacingY: 1 
     } 
    }; 

    var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); 
< /script> 

html:

<div class="imgSlider"> 
    <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: -30px; width: 1000px ! important; height: 150px; overflow: hidden; visibility: hidden;"> 


     <div style="display: none;"> 
     <img data-u="image" src="Content/img/logo1.jpg" /> 
     <div class="caption" style="position: fixed; top: 90px; left: 80px; width: auto; height: 0px; font-weight: bold; text-align:center; font-size: 15px;" u="caption"> 
      <p>Report1</p> 
     </div> 
     </div> 
     <div style=": none;"> 
     <img data-u="image" src="Content/img/logo2.jpg" /> 
     <div class="caption" style="position: fixed; top: 90px; left: 80px; width: auto; height: 0px; font-weight: bold;text-align:center; font-size: 15px;" u="caption"> 
      <p>Report2</p> 
     </div> 
     </div> 

     <!--more slides--> 

    </div> 
</div> 

Answer 1

von Bildern total Sie wie diese:

tot_img=$('img[data-u="image"]').length; 

verbleibenden Bilder: Veranstaltung Gebrauch jssor $EVT_PARK die bekommen aktueller Index der Folie. restlichen Bilder ist Subtraktion nur von insgesamt Bilder:

tot_img=$('img[data-u="image"]').length; 
jssor_1_slider.$On($JssorSlider$.$EVT_PARK,function(slideIndex, fromIndex){ 
    console.log('remaining:'+ parseInt(tot_img-slideIndex-1)) 
}); 

Weitere Informationen über jssor api here

Geige: here