Comment puis-je modifier une source d'image à l'aide de jQuery ?

Modification de la source de l'image avec jQuery

Dans une page Web, supposons que vous ayez une structure HTML avec deux images, chacune ayant "imgx_on.gif" comme source, où " x" représente un numéro d'image (1 ou 2). En cliquant sur une image, vous souhaitez modifier sa source en "imgx_off.gif".

Solution avec jQuery

En utilisant la fonction attr() de jQuery, vous pouvez modifier le attribut source d’une image. Pour y parvenir, attribuez un attribut id à votre image (par exemple, "mon-image") et exécutez le code suivant :

$('#my-image').attr('src', 'imgx_off.gif');

Exemple de rotation d'image

Pour faire pivoter les images, vous pouvez utiliser le code jQuery suivant :

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.gif')
            ? 'img2_on.gif'
            : 'img1_on.gif';
         $(this).attr('src', src);
    }
});

Ce code alterne la source de l'image cliquée entre "img1_on.gif" et "img2_on.gif".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!