• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Nach 3 Bildern Schluss?

Status
Für weitere Antworten geschlossen.

Toastie101

Neues Mitglied
Hi an alle
Auf selfhtml hab ich diesen code gefunden:
Code:
<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>

den hab ihc mir so umgeändert, dass die grafiken Bilder sind. Aber wenn ich mehr als 3 Bilder habe dann ist alles i.wie durcheinander! Also ich mache einfach weiter so wie bei den bisherigen, aber wenn man dann über das 4. Bild fährt, dann wird das "sekundarBild", also das Bild das kommt wenn man drüberfährt, in einem der 3 anderen Bilder angezeigt. Muss man eine spezielle Zeile ab 3 Bildern noch einfügen oder warum kann ich den Code nicht einfach mit mehreren Erweitern??

danke für kommende Antworten
 
also ich habe das aehnlich geloest:
guckst du

die Benutzung als Link kannst du weg lassen.

Code:
<a href="seite7.html"  onmouseover="image1.src=pfad/bild1.gif';" onmouseout="image1.src=pfad/bild2.gif';">

<img src=pfad/bild1.gif name="image1" width="50" height="50" border="0" alt="wasimmer"></a>

der Mouseoverbefehl bezieht sich auf image1.src und sagt welches bild erscheinen soll. Das zu tauschende Bild muss (ganz wichtig) den name=image1 auch tragen. Das heist du kannst jedem x-beliebigen bild die Funktion geben. es muss nicht das bild sein ueber das die maus faehrt. bei mehrfacher verwendung des namen entsteht eine fehlerhafte Funktion. nix geht. Du kannst in mousover auch eine Reihe von Bildern festlegen, die gleichzeitig getauscht werden.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben