/ / Changer l'image actuelle au survol de l'événement ou cliquer avec jquery - javascript, jquery, html

Changer l'image actuelle sur le survol de l'événement ou cliquer avec jquery - javascript, jquery, html

Je suis novice en jquery. J'utilise ce code pour changer l'image courante en survolant ou cliquer par un autre avec jquery. Mais ça ne marche pas !!

<head>
<title> Visite  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-2.1.1.min.js"> </script>
<script>
$("img").hover(function () {
$(this).attr("src", "o.184684.jpg");
})
</script>
</head>

<body>
<img src="/images/logo11w.png" alt="photo" />
</body>
</html>

je donne cet exemple de http://jsfiddle.net/afzaal_ahmad_zeeshan/8H4MC/

Réponses:

0 pour la réponse № 1

Essayez d'encapsuler le code jQuery dans un document prêt

$(document).ready(function() {
$("img").hover(function () {
$(this).attr("src", "o.184684.jpg");
});
});

Ou bien

$(function() {
$("img").hover(function () {
$(this).attr("src", "o.184684.jpg");
});
});

Cela ne vous donnera que la souris dessus. Vous devrez peut-être également passer la fonction de sortie de la souris: flotter

$(function() {
$("img").hover(function () {
$(this).attr("src", "o.184684.jpg");
}, function() {
//mouse out function
});
});