rollover-fehler
0 
Tobias Kloth
0 0 
MudGuard
rollover-fehler
Hallo
hab mir nach folgender Anleitung rolloverbilder gebastelt.
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=rollover
warum funktioniert diese konstruktion nur mit einem div?? Wenn ich noch ein weiteres div einfüge, indem sich ein weiters bild befindet, gibt es Verwechslungen mit diesem Gif!! dass heißt: drücke ich auf einen Knopf verschwindet das Gifbild und das rolloverbild wird dort angezeigt,.???
viele Grüße von mir
carsten
-
Hallo carsten,
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=rollover
Poste doch bitte den <http://de.selfhtml.org/javascript/beispiele/buttons.htm@title=richtigen Link> und nicht immer den auf die Suche (einfach auf den Link "Suchleiste schließen" im oberen Suche-Frame klicken und dann den Link kopieren)
Wenn ich noch ein weiteres div einfüge, indem sich ein weiters bild befindet, gibt es Verwechslungen mit diesem Gif!! dass heißt: drücke ich auf einen Knopf verschwindet das Gifbild und das rolloverbild wird dort angezeigt,.???
Ohne Code kann ich nur raten: du hast im Funktionsaufruf die falsche Bildnummer angegeben.
Grüße aus Nürnberg
Tobias-
Hallo
also hier ist der richtige Link[Link:http://de.selfhtml.org/javascript/beispiele/buttons.htm]
Und hier ist der code: (er funktionierte erst und dann nach dem Einfügen eines 2. divs, ist der Fehler aufgetreten? --sowohl bei meiner originalpage als auch bei diesem testscript hier? Sogar ohne php tritt dasselbe problem auf??
<?php
echo'<html><head><script language="JavaScript" type="text/JavaScript">
mypag0 = new Image();
mypag0.src = "images/mypag.gif";
mypag_dr0 = new Image();
mypag_dr0.src = "images/mypag_dr.gif";
logou1 = new Image();
logou1.src = "images/logou.gif";
logou_dr1 = new Image();
logou_dr1.src = "images/logou_dr.gif";function BiWe (Bild, Bild_dr) {
window.document.images[Bild].src = Bild_dr.src
}
</script></head>
<body>'
;echo'<div id="index" style="position:absolute; top:0; left:0;z-index:10"><img src"images/ra.gif"></div> ' .
'<div id="home" style="position: absolute; top:400px;"><table height="55" border="3">
<tr>
<td width="13"> </td>
<td width="143" align="left" nowrap><font size="2" face="Arial, Helvetica, sans-serif">Hallo
</font></td>
<td width="55"> </td>
<td width="26"><a href="index.php" onMouseOut="BiWe(0,mypag0)" onMouseOver="BiWe(0,mypag_dr0)"><img src="images/mypag.gif" border="0"></a></td>
<td width="55"> </td>
<td width="26"><a href="index.php" onMouseOut="BiWe(1,logou1)" onMouseOver="BiWe(1,logou_dr1)"><img src="images/logou.gif" border="0"></a></td>
<td width="55"> </td></tr>
</table></div>';
echo'</body></html>';?>
Auf jedenFall danke --vielleicht weiß ja auch jemand alternative Scripte, die dieselbe Funktion ausüben.
grüße von mir
carsten
-
Hi,
Und hier ist der code: (er funktionierte erst und dann nach dem Einfügen eines 2. divs, ist der Fehler aufgetreten? --sowohl bei meiner originalpage als auch bei diesem testscript hier? Sogar ohne php tritt dasselbe problem auf??
Wieso "sogar ohne PHP"?
Es handelt sich um ein clientseitiges Problem, da spielt PHP überhaupt keine Rolle.
<?php
echoBei clientseitigen Problemen ist es ziemlich sinnlos, serverseitigen Code zu posten, weil der höchstens vom Problem ablenkt.
function BiWe (Bild, Bild_dr) {
window.document.images[Bild].src = Bild_dr.src
}
echo'<div id="index" style="position:absolute; top:0; left:0;z-index:10"><img src"images/ra.gif"></div> ' .Hier ist das img Nummer 0
<td width="26"><a href="index.php" onMouseOut="BiWe(0,mypag0)" onMouseOver="BiWe(0,mypag_dr0)"><img src="images/mypag.gif" border="0"></a></td>
Hier soll BiWe für Bild 0 (das mit src="images/ra.gif) durchgeführt werden.
Außerdem befindet sich hier das img Nummer 1.<td width="26"><a href="index.php" onMouseOut="BiWe(1,logou1)" onMouseOver="BiWe(1,logou_dr1)"><img src="images/logou.gif" border="0"></a></td>
Hier wird BiWe für Bild Nummer 1 aufgerufen (also das, was ursprünglich src="images/mypag.gif" hat).
Außerdem befindet sich hier das img Nummer 2.Bist Du nicht in der Lage, bis 2 zu zählen?
Wenn Du auf die Bilder über die Indexnummer im images-Objekt zugreifst, ist es doch kein Wunder, wenn das Einfügen eines Bildes bei unverändertem Index zu unerwünschten Ergebnissen führt.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.
-
Ah jetzt hab ich die Funktion kapiert. Das heißt aber, dass die Anzahl der Bilder über PHP nicht verändert werden darf. Sonst funktioniert es nicht oder?
gibt es in javascript auch Funktionen, die die bilder anders ansteuern können?
Danke und grüße
carsten-
Hallo carsten.
gibt es in javascript auch Funktionen, die die bilder anders ansteuern können?
this dürfte recht einfach werden.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Opera Mini on Treo
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
Hallo
was ist eigentlich der Unterschied zwischen window.document.images[] und document.images[]??
grüße von mir
carsten-
Hallo carsten.
was ist eigentlich der Unterschied zwischen window.document.images[] und document.images[]??
Die umfangreiche JS-Objektreferenz von SelfHTML beantwortet dir viele Fragen, so auch zum document-Objekt.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Opera Mini on Treo
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
danke für den Link. So langsam mein ich etwas durchzublicken. mit dem this hab ich das aber noch nicht kapiert. Bisher scheint das nur über die Bildnummerierung zu gehen.
gruß carsten
-
-
-
-
-
-
-