MOUSEOVER-Effekt :'-(
0 0 
Tobias Kloth
0 0
MOUSEOVER-Effekt :'-(
MudGuardHello&all! Ich möchte gerne den Mouseover-Effekt auf ein Bild in schwarz-weiß anwenden (dahinter in Farbe) Habe mir hierfür den Quelltext vom selfhtml kopiert und entsprechend bearbeitet...
doch es funktioniert nicht ;'(
kann jemand darüber schauen, ob ich da irgendwo was falsch gemacht habe? Bitte!
DANKE! :)
<html>
<head>
<title>Dynamische Bilder</title>
<script type="text/javascript">
Normal1= Tera sw;
Normal1.src= "images/Tera_sw.jpg"; /* erste Standard-Grafik */
Highlight1= Tera Farbe;
Highlight1.src= "images/Tera.jpg"; /* erste Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt) {window.document.images[Bildnr].src = Bildobjekt.src;}
</script>
<style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
</style>
</head>
<body bgcolor="#FFFFC0"">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<a href="index.html"
onMouseOver="Bildwechsel(0, Highlight1)"
onMouseOut="Bildwechsel(0, Normal1)"><img src="images/Tera_sw.jpg"
border="0" alt="Home"></a><br>
</td><td><br></td>
<td valign="top">
<h1>Dynamische Bilder</h1>
<p><b>DAS KLAPPT ABER NICHT!!! :-(</b></p>
</td>
</tr>
</table>
</body>
</html>
-
hi,
doch es funktioniert nicht ;'(
Bitte lies </faq/#Q-07b>, und liefere dann eine Problembeschreibung.
"Funktioniert nicht" taugt als solche absolut gar nichts.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Danke @all und cor allem Tobias!
Hatte hier die Klammern weggelassen!
<a href="index.html"
onMouseOver="Bildwechsel(0, Highlight1)"
onMouseOut="Bildwechsel(0, Normal1)"><img src="images/...Lieben Gruss!
-
-
Hallo Laffay,
doch es funktioniert nicht ;'(
definiere "funktioniert nicht".
Normal1= Tera sw;
[...]
Highlight1= Tera Farbe;du möchtest dir im http://de.selfhtml.org/javascript/beispiele/buttons.htm#quelltext@title=Quelltext nochmal genau anschauen was an diese Stelle gehört (nein, man kann da nicht was beliebiges hinschreiben).
Grüße aus Nürnberg
Tobias-
Sorry, aber danke für die Antworten! habe
die Bennenungen geändert:
Normal1= new Image;
Highlight1=new Image;trotzdem wird nur das Bild "Tera_sw" gezeigt und sonst kein Mouseover-Effekt..
<html>
<head>
<title>TEST</title>
<script type="text/javascript">Normal1= new Image;
Normal1.src= "images/Tera_sw.jpg"; /* erste Standard-Grafik-SCHWARZ WEISS*/
Highlight1=new Image;
Highlight1.src= "images/Tera.jpg"; /* erste Highlight-Grafik-FARBE*/function Bildwechsel (Bildnr, Bildobjekt) {window.document.images[Bildnr].src = Bildobjekt.src;}
</script><style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
</style>
</head>
<body bgcolor="#FFFFC0""><table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top"><a href="index.html"
onMouseOver="Highlight1"
onMouseOut="Normal1"><img src="images/Tera_sw.jpg"
border="0" alt="Home"></a>usw...
-
Hallo Laffay,
Normal1= new Image;
Highlight1=new Image;Im Beispiel steht aber noch je ein Satz Klammern hinter "new Image" - wenn das auch nicht hilft, poste mal eine URL unter der man sich das anschauen kann.
Grüße aus Nürnberg
Tobias
-
-
Danke Tobias!!!
Hatte tatsächlich hier die Klammern ausgelassen!
<a href="index.html"
onMouseOver="Bildwechsel(0, Highlight1)"
onMouseOut="Bildwechsel(0, Normal1)"><img src="images/...DANKE DANKE und eine gute Nacht... jetzt kann ich bald schlafen gehen ;-)
Lieben Gruss!
Hallo Laffay,
doch es funktioniert nicht ;'(
definiere "funktioniert nicht".Normal1= Tera sw;
[...]
Highlight1= Tera Farbe;
du möchtest dir im http://de.selfhtml.org/javascript/beispiele/buttons.htm#quelltext@title=Quelltext nochmal genau anschauen was an diese Stelle gehört (nein, man kann da nicht was beliebiges hinschreiben).Grüße aus Nürnberg
Tobias
-
-
Hallo und guten Tag Laffay,
was geht denn nicht?
Mit freundlichen Grüßen,
sungirl2005--
Am 11.11.um 11.11 Uhr ist endlich wieder Karnevalsbeginn :-) -
Hi,
zunächst mal hat Dein Problem eigentlich nichts mit dem Themenbereich Grafik zu tun, sondern mit Javascript. Aber selbst das benötigst Du nicht, weil so etwas viel besser über CSS zu realisieren ist. Siehe: http://www.1ngo.de/web/bildwechsel.html.
freundliche Grüße
Ingo-
Hi,
zunächst mal hat Dein Problem eigentlich nichts mit dem Themenbereich Grafik zu tun, sondern mit Javascript. Aber selbst das benötigst Du nicht, weil so etwas viel besser über CSS zu realisieren ist. Siehe: http://www.1ngo.de/web/bildwechsel.html.
Was mir daran nicht gefällt, ist das IE-notwendige Rumhantieren mit width und margin.
Ich würd eher border zwischen 0 und none wechseln ;-)cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hi,
Was mir daran nicht gefällt, ist das IE-notwendige Rumhantieren mit width und margin.
mir auch nicht, aber ich habe bereits alles ausprobiert, was mir dazu einfiel.
Ich würd eher border zwischen 0 und none wechseln ;-)
Und das geht prinzipiell? Naja, wenn er schon #fff und white unschiedlich sieht. ;-)
Nur leider klappt das in meinem Beispiel nicht. Ich habe gerade sogar mal
#wechsel a img { border:1px solid red; }
#wechsel a:hover img { border:1px solid green; visibility: hidden; }
getestet - ohne Erfolg im IE 6 und IE 5.5. Der border ändert zwar die Farbe, aber das Vordergrundbild wird nicht ausgeblendet.freundliche Grüße
Ingo-
hi,
Nur leider klappt das in meinem Beispiel nicht. Ich habe gerade sogar mal
#wechsel a img { border:1px solid red; }
#wechsel a:hover img { border:1px solid green; visibility: hidden; }
getestet - ohne Erfolg im IE 6 und IE 5.5.Du hast hier den Rahmen für das Bild geändert - damit der IE kapiert, dass er unter- bzw. innerhalb des Links etwas neu zu rendern hat, solltest du aber den Rahmen _des Links_ ändern.
(Und zwar beispielsweise so, wie Andreas sagte - von 0 auf none - damit es optisch keine ungewünschten Auswirkungen hat.)gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi,
Du hast hier den Rahmen für das Bild geändert - damit der IE kapiert, dass er unter- bzw. innerhalb des Links etwas neu zu rendern hat, solltest du aber den Rahmen _des Links_ ändern.
oops - warum denke ich bei border nur an ein Bild, wenn ich eines vor mir sehe? ;-)
Aber auch hiermit verhält es sich wie z.B. mit einer Hintergrundänderung: funktioniert im IE 5.5 und 6, aber der IE 5.01 braucht etwas "handfesteres". Ich habe diesen kleinen Zusatz dennoch beim Beispiel mit angegeben, falls jemandem der IE 5.01 egal ist.
freundliche Grüße
Ingo
-
-
Hi,
Ich würd eher border zwischen 0 und none wechseln ;-)
Und das geht prinzipiell? Naja, wenn er schon #fff und white unschiedlich sieht. ;-)Ja.
Nur leider klappt das in meinem Beispiel nicht.
Doch. Ich habe Dein Beispiel benutzt, und nur width/margin gegen border getauscht.
Ich habe gerade sogar mal
#wechsel a img { border:1px solid red; }
#wechsel a:hover img { border:1px solid green; visibility: hidden; }
getestetsiehe wahsaga. Damit der IE kapiert, daß sich im inneren des Links was ändert, muß sich der Link selbst ändern.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-