2 bilder - 6 links: mouse over zuordnen

theaff.com

Ich habe zwei Bilder(rahmen) und 6 Links. Jedem Bilderrahmen sollen drei Links zugeteilt werden, von denen man bei 'mouse over' die Vorschau sieht.

Solange ich das ganze mit nur einem Bilderrahmen mache geht es einwandfrei. Wenn ich allerdings zwei Bilderrahmen auf meiner Seite habe, wird das nicht akzeptiert, und alle 6 links im ERSTEN Bilderrahmen angezeigt. (mein Beispiel)

Meine Frage: wie schaffe ich es die 6 links definitiv dem 1. od. 2. Bilderrahmen zuzuorden?

Und hier ist der vereinfachte HTML code zu meinem Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" language="JavaScript">
<!-- Begin
var bild1 = new Image();
var bild2 = new Image();
var bild3 = new Image();
var bild4 = new Image();
var bild5 = new Image();
var bild6 = new Image();

// weitere hier eintragen

bild1.src = "ruhe2.jpg";
bild2.src = "schloss2.jpg";
bild3.src = "museum2.jpg";
bild4.src = "a_script_button.jpg";
bild5.src = "b_script_button.jpg";
bild6.src = "c_script_button.jpg";
// weitere hier eintragen

function doButtons(picimage) {
eval("document['picture1'].src = " + picimage + ".src");
}
// End -->
</script>
</head>

<body>
Fotovorschau:

</body></html>

Boman

du musst der function doButtons ach noch mitteilen, in welchem Rahmen das Bild angezeigt werden soll. Zum Beispiel so:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" language="JavaScript">
<!-- Begin
var bild1 = new Image();
var bild2 = new Image();
var bild3 = new Image();
var bild4 = new Image();
var bild5 = new Image();
var bild6 = new Image();


// weitere hier eintragen


bild1.src = "ruhe2.jpg";
bild2.src = "schloss2.jpg";
bild3.src = "museum2.jpg";
bild4.src = "a_script_button.jpg";
bild5.src = "b_script_button.jpg";
bild6.src = "c_script_button.jpg";
// weitere hier eintragen


function doButtons(picimage,picnumber) {
eval("document['picture"+picnumber+"'].src = " + picimage + ".src");
}
// End -->
</script>
</head>








<body>
Fotovorschau:






[url='bildvorschau-gross.html']ruhe2[/url]


[url='bildvorschau-gross.htm']schloss2[/url]


[url='bildvorschau-gross.htm']museum2[/url]


[img]start1.jpg[/img]










[url='bildvorschau-gross.html']a_script_button[/url]


[url='bildvorschau-gross.htm']b_script_button[/url]


[url='bildvorschau-gross.htm']c_script_button[/url]


[img]start2.jpg[/img]


</body></html>

Alles anzeigen

Ich habe es nicht getestet, es könnten also noch Schreibfehler drin sein.

Gruß Boman.

you made my day. you made my month, probably even my year!
vielen herzlichen dank für dein wissen und die kollegialität dieses an mich weiterzugeben.

ganze wochen habe ich mit dem problem des mouse-overs zugebracht. jetzt kann es endlich weitergehn.

kennst du das, wenn man ewig lang an etwas bastelt und es mag einfach nicht klappen egal wie man es dreht und wendet? und dann kommt der glorreiche augenblick wo man den vergessenen 'Beistrich' entdeckt und das ganze Konzept geht auf - ein kleiner mini Orgasmus überkommt einen da!

Vielen, vielen Dank nach Sachsen!

Boman

- Ich fühle mich geehrt.
Aber das habsch doch och gern gemacht, wo isch doch nu schon aus Sachsn kumm. War für mich ja nu nisso des Problem.

2 bilder - 6 links: mouse over zuordnen

Tags

Benutzer online in diesem Thema