nicht angemeldet
bei MouseOver Hintergrundbild wechseln
JürgenBhallo!
1.
http://sebastian84.de/temp/anzeigenwechsel/index.htm
statt lang und breit aneinander vorbei zu diskutieren, hab ich einfach mal ne seite (samt darin vorkommender bild-dateien) hochgeladen, aus dessen skript ihr sicher lesen könnt, was genau ich will.
2.
http://forum.de.selfhtml.org/archiv/2006/6/t131565/
- das habe ich durchgelesen. und da hab ich meinen ansatz soweit her. eigenen kenntnisse habe ich so gut nicht. eigentlich wollte ich auch dort nachhaken, habe aber nicht die möglichkeit gefunden. (thread geschlossen?)
was heißt eigentlich diese "was" in der funktion?
3.
wär schon cool, wenn ichs bis sonntag hinkriege. also bei bedarf bitte sofort nachfragen! und dann vielen dank jedem, der mit hilft!
-
Hallo sebastian,
wenn Javascripte nicht funktionieren, empfiehlt sich immer(!) ein Blick in die Javascript/Fehler-Konsole!
Zu Deinen Bemühungen:
die Eigenschaft "background-image" wird in Javascript als "backgroundImage" geschrieben, da das "-" hier als Operator identifiziert wird. Regel: "-" weg und nächster Buchstabe groß.
Du rufst einmal die Funktion "anzeigenwechsel" und einmal "Bildwechsel" auf. "Bildwechsel" habe ich nicht gefunden.
Ob das alles ist, überblicke ich jetzt nicht, aber bring das mal in Ordnung, dann kann man weitersehen.
Zu2.
Zusätzlich kann ich Dir noch raten, Dich etwas intensiver mit den Grundlagen zu beschäftigen.Zu 3.
Sei froh, dass es bei mir regnet, sonst wäre ich jetzt im Garten und nicht im Forum.Gruß, Jürgen
-
danke jürgen!
wo finde ich die "Javascript/Fehler-Konsole"? falls hier in selfhtml, überseh ich die wohl irgendwo.
http://de.selfhtml.org/javascript/index.htm ...und dann?das beiden sachen habe ich korrigiert.
-> http://sebastian84.de/temp/anzeigenwechsel/index.htm- geht aber immer noch nicht.
zu 3.:
ok, dann danke ich halt petrus. :p ;)so long
sebastian-
Moin
wo finde ich die "Javascript/Fehler-Konsole"?
am einfachsten: Mozilla oder Firefox nehmen, Seite laden, in der Adresszeile javascript: eintippen. Sie ist aber auch über das Extras/Fehlerkonsole (oder so ähnlich) zu finden.
Gruß
rfb-
aa-haaa! firefox hab ich sowieso. das sagt:
"Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standart document.getElementById()."
- ? document.getElementById() versuch ich doch zu verwenden.
"document.getElementById(anzeige) has no properties"
- ?
("...
<script type="text/javascript">
<!--
function anzeigenwechsel (was) {
document.getElementById(anzeige).style.backgroundImage = was;
}
//-->
</script>
...")-
Moin
<script type="text/javascript">
<!--
function anzeigenwechsel (was) {
document.getElementById(anzeige).style.backgroundImage = was;
}
//-->
</script>ist das alles?
dann schreibe doch mal "anzeige" (in Anf.zeichen)Gruß
rfb-
YEAH!! das wars!
(beim mouseout war dann auch noch n minimaler fehler)hier das funkionierende skript:
"<html>
<head><script type="text/javascript">
<!--
function anzeigenwechsel (was) {
document.getElementById("anzeige").style.backgroundImage = was;
}
//-->
</script></head>
<body><table style="background-image:url('images/anzeige_0.jpg')" id="anzeige">
<tr>
<td>
<a onMouseOver="anzeigenwechsel('url(images/anzeige_1.jpg)')" onMouseOut="anzeigenwechsel('url(images/anzeige_0.jpg)')" href="#">
<img border="0" src="images/blindpixel.gif" width="120" height="500"></a></td>
<td>
<a onMouseOver="anzeigenwechsel('url(images/anzeige_2.jpg)')" onMouseOut="anzeigenwechsel('url(images/anzeige_0.jpg)')" href="#">
<img border="0" src="images/blindpixel.gif" width="120" height="500"></a></td>
<td>
<a onMouseOver="anzeigenwechsel('url(images/anzeige_3.jpg)')" onMouseOut="anzeigenwechsel('url(images/anzeige_0.jpg)')" href="#">
<img border="0" src="images/blindpixel.gif" width="120" height="500"></a></td>
<td>
<a onMouseOver="anzeigenwechsel('url(images/anzeige_4.jpg)')" onMouseOut="anzeigenwechsel('url(images/anzeige_0.jpg)')" href="#">
<img border="0" src="images/blindpixel.gif" width="120" height="500"></a></td>
<td>
<a onMouseOver="anzeigenwechsel('url(images/anzeige_5.jpg)')" onMouseOut="anzeigenwechsel('url(images/anzeige_0.jpg)')" href="#">
<img border="0" src="images/blindpixel.gif" width="120" height="500"></a></td>
</tr>
</div>
</table></body>
</html>"jetzt will ich die bilder noch vor-laden lassen, weils im moment so klimpert. aber ist ist wohl n anderes thema.
D A N K E !
-
-
-