Titel Hover - Bild ändern

Question

Ich habe ein Bild mit einem Titel darüber. Ich möchte ein anderes Bild anzeigen, wenn ich mit dem Mauszeiger über den Titel gehe.

Wie erstelle ich das?

title code

image code

erraten muss ich etwas auf die Fragezeichen setzen, aber was?

Answer 1

Mit jQuery.

$(function() { 
    $("img") 
     .mouseover(function() { 
      $(this).attr("src", "newImage.jpg"); 
     }) 
     .mouseout(function() { 
      $(this).attr("src", "originalImage.jpg"); 
     }); 
}); 

Answer 2

Sie können die modifizierte Version von oben jquery oder nur CSS verwenden. eine ID für das Bild Geben Sie und die ID in dem jQuery-Code von @Sandwell geschrieben verwenden

Wenn Sie CSS-try verwenden: schweben Eigenschaft