nicht angemeldet
Rollover Script
hallo zusammmen
ich suche ein möglich einfaches und schlankes rollover skript.
habe mir mal das beipiel auf dieser seite angeschaut:
http://de.selfhtml.org/javascript/beispiele/buttons.htm
gibt es nicht noch eine einfacher, schlankere variante?! ich habe einige grafiken, welche einen rollover effekt haben sollte und möchte nicht jedes mal sämtliche zustände beschreiben. gibt es nicht eine möglichkeit zu bestimmen, dass alle grafiken mit dem zustand 1 die endung _on tragen und alle mit dem zustand 2 die endung _off?!
danke für einen hinweis oder ein entsprechendes beispiel.
gruss - alexey
-
hallo zusammmen
ich suche ein möglich einfaches und schlankes rollover skript.
habe mir mal das beipiel auf dieser seite angeschaut:http://de.selfhtml.org/javascript/beispiele/buttons.htm
gibt es nicht noch eine einfacher, schlankere variante?! ich habe einige grafiken, welche einen rollover effekt haben sollte und möchte nicht jedes mal sämtliche zustände beschreiben. gibt es nicht eine möglichkeit zu bestimmen, dass alle grafiken mit dem zustand 1 die endung _on tragen und alle mit dem zustand 2 die endung _off?!
danke für einen hinweis oder ein entsprechendes beispiel.
gruss - alexey
Script:
function changePic(Name,toDo)
{ if (toDo=='on')document[Name].src = "images/"+Name+"h.gif";
else document[Name].src = "images/"+Name+".gif";
}HTML:
<img src="datei.gif" name="Bild" onMouseOver="javascript:changePic(Bild,on)" onMouseOut="javascript:changePic(Bild,off)">Nun musste nur noch die Grafiken im Format Name.gif für normale Grafiken und Nameh.gif für die Mouseover-Grafiken speichern (das "h" nehme ich immer als Abkürzung für "highlighted"...)
So bleibste flexibel und kannst die Funktion für x Grafiken, Buttons, usw. verwenden.Gruß,
Miky-
Hi Miky,
<img src="datei.gif" name="Bild" onMouseOver="javascript:changePic(Bild,on)" onMouseOut="javascript:changePic(Bild,off)">
EventHandler benötigen kein javascript:, das kann man weglassen, weil es sich bereits um JS handelt.
LG Orlando
-
Hi Miky,
<img src="datei.gif" name="Bild" onMouseOver="javascript:changePic(Bild,on)" onMouseOut="javascript:changePic(Bild,off)">
EventHandler benötigen kein javascript:, das kann man weglassen, weil es sich bereits um JS handelt.
LG Orlando
Und eigentlich wollte ich die Dinger in einen <a href..>-Tag packen. Naja...es is spät. Man verzeihe mir...konform isses ohnehin so nich (keine alts, bla bla...) - es is spät. Viel zu spät. Und mein PHP-Problemchen hat sich immer noch nich gelöst.
Auch lG,
Miky
-
hallo zusammen!
danke für die hinweise. ich habe das einmal versucht anzuwenden. leider funktionierts noch nicht. habe ich irgendwo noch einen fehler?
<html>
<head>
<title>Seite mit Rollover-Bild</title>
<script language="JavaScript">
<!--
function changePic(Name,toDo)
{ if (toDo=='on')document[Name].src = "images/"+Name+"h.jpg";
else document[Name].src = "images/"+Name+".jpg";
}
//--> </script>
</head>
<body>
<a href="index.htm" onMouseOver="changePic(Bild,on)" onMouseOut="changePic(Bild,off)"><img src="datei.jpg" name="Bild"> </a>
</body>
</html>gruss - alexey
-
-
-