Bei Rollover ne anders Bild
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hm also wenn du ImageReady hast(geh?rt zu Photoshop ab Version 6 glaub ich), kannst du ja den Code von dem benutzen. Mach ich immer. Ist auch ein Preloader dabei (oder wie das hei?t), welches die Bilder, die beim Rollover angezeigt werden bereits "vorl?dt" damit es zu keiner Verz?gerung kommt.
Beitrag ge?ndert am 27.10.2005 13:41 von phi-designs -
versuchs mal in der richtung:
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "button2.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "button3.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte 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 bgcolor="#FFFFC0" background="buttonsback.gif">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<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><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1, Highlight2)"
onMouseOut="Bildwechsel(1, Normal2)"><img src="button2.gif"
width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2, Highlight3)"
onMouseOut="Bildwechsel(2, Normal3)"><img src="button3.gif"
width="130" height="30" border="0" alt="Layouts"></a><br>
</td><td> </td>
<td valign="top">
<h1>Dynamische grafische Buttons</h1>
<p><b>Fahren Sie mit der Maus ?ber die Buttons. Sie d?rfen auch draufdr?cken
</b></p>
</td>
</tr>
</table>
</body>
</html>
-
hab das noch nicht getestet kannst du ja machen:
<a href="dein link" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bildname','','rolloverbild',1)"><img src="standartbild" alt="alternativtext" name="bildname" border="0" id="bildname" /></a>
du musst folgendes ersetzen:
dein_link = da musst der link hin
bildname = name des bildes(weiss nicht wof?r)
rolloverbild = hier muss der link zu dem rolloverbild hin
standartbild = hier muss der link zu dem ersten bild hin -
jo, danke kilimac deine geht.
der andere aber nicht so wirklich,...aber kannst du vielleicht noch mal ne kurze version davon schreiben?
Danke! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage