Mai 15

Beitrag drucken

Swap images via JavaScript

With the following JavaScript it is easy to reokace an image with another when the mouse is hovering over it:

[CODE javascript]
function imgreplace(Image,Url)
document.images[Image].src = Url;

The HTML code for the image looks like this:


The normal.png is replaced with hover.png when the mouse hovers over the image (onMouseOver). The image is replaced again when the mouse leaves the image (onnMouseOut).

Permanentlink zu diesem Beitrag: http://techblog.steffmeister.at/swap-images-via-javascript/

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>