Magento – HTML einfacher Mouseover Befehl für Bilder

Soll sich ein Bild oder Bildbutton verändern, wenn der Nutzer mit der Maus darüber fährt, gibt es viele Möglichkeiten. Eine sehr einfache, die auch schnell in ein CMS einzubauen ist, ist diese.

Folgenden Code an die richtige Stelle im CMS setzen:

<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>

Hiermit erhalten Sie einen Bildbutton, der sich von banner_1 zu banner_1-over verändert, wenn man mit der Maus drüber geht. Wichtig ist auf die richten Anführungszeichen (einzeln und doppelt) zu achten.

Genutzt in Magento Versionen 1.4.1.1 und 1.5.1.0 Kommentare? Ergänzungen? Hinweise? Gerne!

Published by Covos

Seit 2009 arbeite ich nun intensiv mit Magento. Begonnen habe ich mit der Erstellung und dem Betrieb von B2C-Shops. Ausgeweitet wurde dies durch meine Tätigkeit im Logistik-Sektor. Hieraus entstanden erste spezialisierte B2E-Systeme. Heute arbeite ich tag-täglich mit spannenden B2C-, B2B- und B2E-Projekten und berichte in diesem Blog über Herausforderungen und gebe Insider-Tipps.

Leave a Reply

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