Avalon : CSS für "input type=image"

Beitrag lesen

Das möchte ich bitte sehen.

Wenn es um ein Hintergrundbild ginge - ja.
Aber ein per src-Attribut im <input type="image"> eingebundenes Bild per CSS wechseln?
Den Code würde ich bitte gerne sehen.

No problem:

im CSS:

.classname {-moz-binding:url(../xbl/bindings.xml#normal);}
.classname:hover {-moz-binding:url(../xbl/bindings.xml#hover);}

dann muß es natürlich eine Datei bindings.xml geben mit mindestens folgendem Inhalt:

<?xml version="1.0" encoding="ISO-8859-1"?>
<bindings xmlns="http://www.mozilla.org/xbl"
          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
          xmlns:xhtml="http://www.w3.org/1999/xhtml">

<binding id="normal">

<content>
      <xul:image src="normal.gif"/>
      <children/>
    </content>

</binding>

<binding id="hover">

<content>
      <xul:image src="hover.gif"/>
      <children/>
    </content>

</binding>

</bindings>

falls die HTML-Elemente mit class="classname" keine Kindelemente enthalten, muß das <children/> Element in der xml-Datei entfallen.

Vorteil: Bildwechsel bei deaktiviertem Javascript ist möglich!
Nachteil: Nur im Mozilla - wie bereits gesagt!

Mozilla-user sind eben im Vorteil

mehr zu XBL auf den Seiten des W3C oder bei mozilla.org
http://www.w3.org/TR/xbl/
http://www.mozilla.org/projects/xbl/xbl.htm

Gruß
Avalon