Heim > Artikel > Web-Frontend > JavaScript-Methode zum Implementieren einfacher Bild-Flipping_Javascript-Fähigkeiten
Das Beispiel in diesem Artikel beschreibt, wie man mit JavaScript einfaches Spiegeln von Bildern implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Hier sind zwei gleich große Bilder mit den Namen smirk1.jpg und smirk2.jpg
Führen Sie dann den folgenden Code aus, um ein einfaches Spiegeln von Bildern zu erreichen
<script type="text/javascript"> var revert = new Array(); var inames = new Array('smirk'); // Preload if (document.images) { var flipped = new Array(); for(i=0; i< inames.length; i++) { flipped[i] = new Image(); flipped[i].src = ""+inames[i]+"2.JPG"; } } function over(num) { if(document.images) { revert[num] = document.images[inames[num]].src; document.images[inames[num]].src = flipped[num].src; } } function out(num) { if(docu <script type="text/javascript"> var revert = new Array(); var inames = new Array('smirk'); // Preload if (document.images) { var flipped = new Array(); for(i=0; i< inames.length; i++) { flipped[i] = new Image(); flipped[i].src = ""+inames[i]+"2.JPG"; } } function over(num) { if(document.images) { revert[num] = document.images[inames[num]].src; document.images[inames[num]].src = flipped[num].src; } } function out(num) { if(document.images) document.images[inames[num]].src = revert[num]; } </script>
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.