L'exemple de cet article décrit comment implémenter un retournement d'image simple à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Voici deux images de même taille nommées smirk1.jpg et smirk2.jpg
Ensuite, exécutez le code suivant pour réaliser un simple retournement d'image
<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>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.