Magento – HTML simple mouseover command for images

Is to change an image or image button, when the user moves the mouse over it, There are many ways. A very simple, which is quickly installed in a CMS, this.

The following code to the right place in the CMS set:

<div class =”Hier_Ihre_CSS_Klasse”><a href=”{{store url=”Ihre_Seite_Wenn_es_ein_Link_sein_soll.html”}}”><img onmouseover=”this.src='{{skin url=’images/media/banner1-over.jpg’}}’;” onmouseout’>”this.src=’{{skin url=’images/media/banner1.jpg’}}’” src=”{{skin url=’images/media/banner1.jpg’}}” alt =”Ihre_Beschreibung” /></a></div>”this.src='{{skin url=’images/media/banner1.jpg’}}'” src=”{{skin url=’images/media/banner1.jpg’}}” alt =”Ihre_Beschreibung” /></a></div>

This will give you an image button, the change-over from banner_1 to banner_1, if you go over it with the mouse. It is important to the judge quotes (singly and doubly) to respect.

Used in Magento versions 1.4.1.1 and 1.5.1.0 Comments? Additions? Notes? Gladly!

Published by Covos

Since 2009 I have been working intensively with Magento. I started with the creation and operation of B2C stores. This was extended through my work in the logistics sector. This resulted first specialized B2E systems. Today I work day-a day with exciting B2C, B2B- and B2E projects and reports in this blog about challenges and give insider tips.

Leave a Reply

Your email address will not be published. Required fields are marked *