nicht angemeldet
Mouseoverroll effekt
0 0 
MudGuard
Mouseoverroll effekt
Hi,
Ich hab da ein kleines bis mitleres Problem.
Ich hab den quellcode von eurer Seite kopiert und in meine eingefügt:
<html>
<head>
<title></title>
<meta name="author" content="Biberlein">
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
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 text="#FFFFF" bgcolor="#00000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<img src="unbenannt3kopie1gz.jpg">
<table>
<tr>
<td align="left" valign="top" width="1000">
</td>
<td align="right">
<img src="rechtskoepfe.jpg" width="165" height="1004" border="0" alt="">
</td>
</tr>
</table>
<a href="../../../index.htm"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a>
</body>
</html>
Mein Problem liegt darin, das wenn ich über diesen Botten gehe, der Header verschwindet, und der Button 2 mal auftaucht.
Wenn ich über den unteren Button mit der Maus gehe, verändert sich der obere Button. Wenn ich allerdings auf den oberen gehe passiert nichts.
Also ich finde das doch recht seltsam ^^
Mit IE und FF beides das selbe Prob.
Danke schonmal für die Hilfe.
greetz
Biber
-
Hallo,
Zu dem Javascript gibt es hier kundigeren Rat, da äußere ich mich mal nicht dazu ;)
Wenn es Dir nur um den Effekt geht, Linkbuttons mit einem Hovereffekt zu versehen, das geht auch nur und rein mit CSS. Dabei könnte ich Dir helfen, und der Effekt würde auch bei mir funktionieren, obwohl ich ein standardmäßig-JS-aus-Surfer bin.
Wenn es Dir aber darum geht anhand diese Beispiels deine JS Kenntnisse zu erweitern, dann bin ich leider raus.netten Tag
^da Powl-
Hallo,
Zu dem Javascript gibt es hier kundigeren Rat, da äußere ich mich mal nicht dazu ;)
Wenn es Dir nur um den Effekt geht, Linkbuttons mit einem Hovereffekt zu versehen, das geht auch nur und rein mit CSS. Dabei könnte ich Dir helfen, und der Effekt würde auch bei mir funktionieren, obwohl ich ein standardmäßig-JS-aus-Surfer bin.
Wenn es Dir aber darum geht anhand diese Beispiels deine JS Kenntnisse zu erweitern, dann bin ich leider raus.netten Tag
^da Powlne also mir gehts nur um den effekt, hatte zuerst auch css ausprobiert, hat ja auch irgendwie geklappt, nur hatten meine Bilder keinen Link drin, also konnte sie nicht anklicken. Obwohl eine Link adresse angegeben war.
Keine ahnung woran das jetzt lag.
Wäre nett, wenn du mir einfach eine Vorlage geben könntest, die keine schrift enthält, sondern nur die Bilder als Link.gruß
Biber
-
-
Hi,
window.document.images[Bildnr].src = Bildobjekt.src;
Du wechselst das Bild anhand seines Indexes, also anhand seiner Position im Dokument.
<img src="unbenannt3kopie1gz.jpg">
Das ist Bild 0.
<img src="rechtskoepfe.jpg" width="165" height="1004" border="0" alt="">
Das ist Bild 1.
onmouseover="Bildwechsel(0, Highlight1)"
Wechsele Bild 0, also das, was unbenannt3kopie1gz.jpg als src hat (btw: seltsame URL für ein Bild ...)
onmouseout="Bildwechsel(0, Normal1)">
Und wechsele Bild 0 zurück.
»»<img src="button1.gif"
Das ist Bild 2.
Wenn ich über den unteren Button mit der Maus gehe, verändert sich der obere Button.
so hast Du es programmiert.
Wenn ich allerdings auf den oberen gehe passiert nichts.
Wie auch? Da Du nur für ein Element onmouseover/onmouseout gesetzt hast, wird auch nur bei dem einen Element ein Effekt eintreten.
Also ich finde das doch recht seltsam ^^
Wieso? Du hast es genau so programmiert, daß genau das passieren muß.
Mit IE und FF beides das selbe Prob.
Wieso Problem? Du bekommst genau die Reaktion von den Browsern, die Du ihnen per Script angeordnet hast.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.