Im Contentbereich möchte ich einen Bilderwechsel haben, da aber Java-Script dort nicht angenommen wird, habe ich das ganze über css realisiert.
Auf einer ganz normalen html-Datei funktioniert dieser Bilderwechsel beim rüberfahren hervoragend. In Joomla funktioniert es nur begrenzt. Beim Firefox und Konqueror klappt der Bilderwechsel, aber es schimmert die Anzeige eines fehlenden Bildes durch. Beim Safari wird das ganze gar nicht erst angezeigt.
Der html Einschub:
Der css Code
An der rechten Seite obenist das das derzeitige Ergebnis zu sehen:
http://yehudi.info/fotogalerie.html
Kann ich da was ändern?
Auf einer ganz normalen html-Datei funktioniert dieser Bilderwechsel beim rüberfahren hervoragend. In Joomla funktioniert es nur begrenzt. Beim Firefox und Konqueror klappt der Bilderwechsel, aber es schimmert die Anzeige eines fehlenden Bildes durch. Beim Safari wird das ganze gar nicht erst angezeigt.
Der html Einschub:
Code:
<img border="0" class="zone" />
Der css Code
Code:
img.zone {
padding: 0px;
margin: 0px auto;
width: 240px;
height: 321px;
background: url(../images/zone/bild-1.jpg)
no-repeat;
}
img.zone:hover {
padding: 0px;
margin: 0px auto;
width: 240px;
height: 321px;
background: url(../images/zone/bild-2.jpg)
no-repeat;
}
An der rechten Seite obenist das das derzeitige Ergebnis zu sehen:
http://yehudi.info/fotogalerie.html
Kann ich da was ändern?