Hover Effekt bei Modul Zufallsbild

[Benjamin]

Hallo zusammen, ich möchte bei den Bildern aus dem Zufallsmodul jeweils ein hover-Bild einfügen (SW zu Farbe).

Die Idee wäre, dass ich die normalen Dateien einfach mit einem _h beschrifte und das der Hover-Teil ist.

In der Templatedatei habe ich auch schon geschaut und das gefunden:
src="<?php echo $this->src; ?>"

eigentlich müsste ich jetzt in der CSS von der Klasse nur :hover{background-image:url("<?php echo $this->src; ?>_h") eingeben. Problem ist nur, dass ich in der CSS kein php verwenden kann. Witerhin fällt mir gerade auf, dass hier noch die Datei-Endung im Weg steht.

Habt ihr eine Idee?

Danke schonmal.

[joe]

Warum verwendest du dafür nicht einfach diese Lösung? http://www.karlhorky.com/2012/06/cro...-with-css.html

Eventuell ist das der einfachere Weg

[Benjamin]

Vielen Dank. Die Lösung sieht grundsätzlich sehr interessant aus, hat jedoch für mich 2 Nachteile:

• eingeschränkte Browserkompatibilität
• Es handelt sich nicht ausschließlich um ein graußes Bild sondern auch um Schrift, welche von weiß (grau) zu Schwarz (bunt) wird

[joe]

Kannst du die Bilder hier posten / zeigen? Es ist recht schwer dir zu helfen wenn man nicht sieht um was es genau geht?

[Benjamin]

Kannst du die Bilder hier posten / zeigen? Es ist recht schwer dir zu helfen wenn man nicht sieht um was es genau geht?

Hallo,

(Link entfernt)

Es geht um die Teaser auf der rechten Seite. Es wird wie der Gelbe Kasten (unterster). Allerdings ist dort neben Text noch ein Bild dabei.

Danke schonmal.

[Benjamin]

Ich habe jetzt eine Lösung gefunden.

Ich habe mir ein eigenes Modul zusammengebaut und stelle per php_mod die Variablen bereit.

Als Template habe ich dann per onmoseover:

 <img 
  src="<?php echo $this->SWBild; ?>" 
  onmouseover="this.src='<?php echo $this->Bild; ?>'"
  onmouseout="this.src='<?php echo $this->SWBild; ?>'" /
  name="<?php echo $this->Name; ?>" 
  class="mitglieder">
 </a>