Bild anzeigen, wenn Maus über text

Ich bin erstellen einer einfachen Inventur-app, und habe derzeit eine Tabelle, die listet alle Artikel auf Lager. Ich möchte ein Bild von jedem Artikel angezeigt, wenn der Benutzer mit der Maus über die Beschreibung der einzelnen Artikel, aber es könnte viele verschiedene Elemente in der Liste und jeder hat seine eigene Bild. Ich testete einige code mit den Einträgen unter, aber es funktioniert nicht richtig, weil nur Bild zeigt für beide Elemente.

Wie bekomme ich ein anderes Bild anzeigen für jedes Element, habe ich in einer Liste?

HTML

 <li>
<a href="#">Get Well</a>
<div class="place-image"><img src="../img/Get%20Well.jpg"></div>
</li>

<li>
<a href="#">I Love You</a>
<div class="place-image"><img src="../img/I%20Love%20You.jpg"></div>
</li> 

Javascript

$('a').hover(
function() {
    $('.place-image').fadeIn('slow');
},function() {
    $('.place-image').fadeOut('slow');
}
);
Ich glaube, es würde zu viel verlangen, code und Bedienungsanleitung Wartung. Wie wird es?

InformationsquelleAutor Andres Quintero | 2017-03-09

Schreibe einen Kommentar