Ich möchte ein paar Bilder mit Highlight versehen - das ist nicht das problem -
ich möchte erreichen, dass nach dem anklicken des jeweiligen Bildes der Rollover-Status beibehalten wird - und zwar solange bis ich über das nächste Bild mit der Maus fahre oder es anklicke...
Kann mir dabei vielleicht jemand helfen?
Danke,
Christian
Ich füge hier mal mein Quelltext ein:
<html>
<head>
<title></title>
<meta name="author" content="christian">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "Bilder/01.jpg"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "Bilder/01_over.jpg"; /* 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>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a target="blank" href="../../../index.htm"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)">
<img src="Bilder/01.jpg" width="127" height="140" border="0" alt="">
</a><br>
<img src="Bilder/02.jpg" width="138" height="140" border="0" alt="">
<img src="Bilder/03.jpg" width="138" height="140" border="0" alt="">
<img src="Bilder/04.jpg" width="139" height="140" border="0" alt="">
<img src="Bilder/05.jpg" width="137" height="140" border="0" alt="">
<img src="Bilder/06.jpg" width="135" height="140" border="0" alt="">
<img src="Bilder/07.jpg" width="137" height="140" border="0" alt="">
<img src="Bilder/08.jpg" width="141" height="140" border="0" alt="">
<img src="Bilder/09.jpg" width="137" height="140" border="0" alt="">
<img src="Bilder/10.jpg" width="140" height="140" border="0" alt="">
<img src="Bilder/11.jpg" width="145" height="140" border="0" alt="">
</body>
</html>