jQuery implementiert das Klicken auf die linke und rechte Schaltfläche zum Wechseln von Bildern

<div Klasse="unten-unten-div">     
  <div Klasse="Bilder-Rahmen">
   
    <div Klasse="Frame-First">
  <!--Erstes div -->
  <div id="left_btn" Klasse="Bild-Button-left">
    <!--“ < ”-Schaltfläche-->
    <div Stil="padding-top: 70px;">
      <
        </div>
   </div>
 </div>
 <!--Zweites Div -->
 <div Klasse="Frame-Sekunde">
 
  <div Klasse="Frame-Sekunde-Up">
  <div Stil="float: left;Schriftgröße: 10px;">
   &nbsp;&nbsp;&nbsp;Das edle Zubehör passend zu diesem Modell:
  </div>
  </div>
 
  <div Klasse="Frame-Sekunde-nach-unten">
 
  <div Klasse="Frame-Sekunde-unten-unten">
  <!--Bildergalerie-->
  <div Klasse="Frame-Sekunde-Down-Uppics">
  <img id="img0" style="Breite: 100%;Höhe: 100%;" src="./images/accessories/t500.png" />
  </div>
 
  <!--Text-->
  <div Klasse="Frame-Sekunde-Down-Downtext">
   Kotflügel
 
  </div>
 
  <div Klasse="Frame-Sekunde-unten-unten">
  <!--Bildergalerie-->
  <div Klasse="Frame-Sekunde-Down-Uppics">
   <img id="img1" style="Breite: 100%;Höhe: 100%;" src="./images/accessories/t501.png" />
  </div>
 
  <!--Text-->
  <div Klasse="Frame-Sekunde-Down-Downtext">
   Seitenscheibenwischer</div>
 
  </div>
 
  <div Klasse="Frame-Sekunde-unten-unten">
  <!--Bildergalerie-->
  <div Klasse="Frame-Sekunde-Down-Uppics">
   <img id="img2" style="Breite: 100%;Höhe: 100%;" src="./images/accessories/t502.png" />
  </div>
 
  <!--Text-->
  <div Klasse="Frame-Sekunde-Down-Downtext">
   Nummernschild-Fensterzierrahmen</div>
 
  </div>
 
  <div Klasse="Frame-Sekunde-unten-unten">
  <!--Bildergalerie-->
  <div Klasse="Frame-Sekunde-Down-Uppics">
   <img id="img3" style="Breite: 100%;Höhe: 100%;" src="./images/accessories/t600.png" />
  </div>
 
  <!--Text-->
  <div Klasse="Frame-Sekunde-Down-Downtext">
   Teppich (sieben Sitze)
  </div>
  </div>
 </div>
 
 </div>
 
 <!--Das dritte div -->
 <div id="right_btn" Klasse="frame-third">
  <!--“ > ”-Schaltfläche -->
  <div Klasse="Bild-Button-rechts">
  <div Stil="padding-top: 70px;">
  >
  </div>
 </div>
 </div>
 
  </div>
</div>
 
 
<!--Versteckte Bildersammlung-->
<div id="Bilder">
  <img src="images/accessories/t500.png" style="Anzeige: keine;" />
 <img src="images/accessories/t501.png" style="Anzeige: keine;" />
 <img src="images/accessories/t502.png" style="Anzeige: keine;" />
 <img src="images/accessories/t600.png" style="Anzeige: keine;" />
 <img src="images/accessories/t602.png" style="Anzeige: keine;" />
  <img src="images/accessories/t603.png" style="Anzeige: keine;" />
 <img src="images/accessories/t604.png" style="Anzeige: keine;" />
 <img src="images/accessories/t605.png" style="Anzeige: keine;" />
 <img src="images/accessories/t606.png" style="Anzeige: keine;" />
 <img src="images/accessories/t607.png" style="Anzeige: keine;" />
 <img src="images/accessories/t608.png" style="Anzeige: keine;" />
</div>
 
 
$(Funktion() {
 var Bilder = [];
 var imgs = $("#imgs img");
 Var-Index = 0; 
 //Das angezeigte Bild hat eine Länge von 4
 var displayLength = $(".frame-second-down img").length;  
 für(var i = 0; i < imgs.length; i++) { 
    Bilder.push(Bilder[i]);
 }
 
  //Album-Links-Button $("#left_btn").click(function() {   
    wenn(index == 0) { 
    alert("Es ist bereits das erste Foto!");
 zurückkehren;
 
  } anders {
 
  für(var j = 0; j < Anzeigelänge; j++) {
    $("#img" + j).attr("src", Bilder[index - 1 + j].src);    
    }
   
    Index--;
 }
 })
  
//Schaltfläche auf der rechten Seite des Albums $("#right_btn").click(function() {    
  wenn(index == (bild.länge - anzeigelänge)) {   
    alert("Das ist das letzte Bild!");
    gebe 0 zurück;
  } anders {   
    für(var j = 0; j < Anzeigelänge; j++) {   
      $("#img" + j).attr("src", Bilder[j + 1 + index].src);
   
    }
   
    Index++;
  
  }
  
  })
})