Jquery Bild ändern

Question

Ich habe einige Probleme mit dieser Arbeit haben, muss ich erstellen eine HTML-Seite, die drei Bilder in Folge und eine Schaltfläche, die alle drei Bilder zu anderen Bildern ändern, und wenn die Taste erneut gedrückt wird Die Bilder wechseln von Anfang an zu den ersten drei Bildern.

Answer 1

Sie sollten alle Bilder in zwei div-Elemente laden, eines davon standardmäßig ausblenden und dann auswählen, welches div angezeigt wird und welches ausgeblendet wird, wenn die Taste gedrückt wird. Die jQuery-Klickfunktion kann erkennen, wenn auf die Schaltfläche geklickt wird, und die jQuery-Toggle-Funktion kann den Status zum Ein-/Ausblenden ändern.

$(document).ready(function(){ 
 
\t $('#imageSet2').hide(); 
 
}) 
 

 
$('#imageSetBtn').click(function(){ 
 
\t $('#imageSet1').toggle(); 
 
\t $('#imageSet2').toggle(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="imageSetBtn" type="button">Switch</button> 
 

 
<div id="imageSet1"> 
 
\t <img src="https://www.google.com/chrome/assets/common/images/chrome_logo_2x.png?mmfb=a5234ae3c4265f687c7fffae2760a907"> 
 
</div> 
 

 
<div id="imageSet2"> 
 
\t <img src="https://www.mozilla.org/media/img/firefox/template/header-logo-inverse.510f97e92635.png"> 
 
</div>