nicht angemeldet
Hallo Zusammen,
da ich JS Anfängerin bin, blick ich kaum durch. Nach längerem suchen hab ich ein Script gefunden das perfekt zu meiner Seite passt, leider funktioniert es nicht so ganz wie ich will.
Ich möchte: Genau dieses mouseover Bildarstellung (oben) 3x auf der Seite haben. Leider funktioniert es bisher nur 1x und ich hab auch nach stundenlangem probieren keine Lösung gefunden.+
Hoffe ihr könnt mir helfen. Hier die Testseite:
http://vampirephips.lima-city.de/wohnungen.html
Und hier der komplette Quelltext. Danke für die Hilfe!!
LG Vampirephips
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head> <title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <meta name="description" content="" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<style type="text/css"> body { background-color:#339933; position: absolute; background-image: url(/bilder/hg_oben2.jpg); background-repeat:repeat-x; left: 70px; font: 100% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#box1 { position: absolute; top: 315px; width: 800px; height: 1400px; background-color: #009933; border-bottom: 30px solid #FFFFFF; border-top: 0px; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
}
#box3 { position: relative; top: 315px; position: absolute; width: 670px; height: 1000px;
}
#box4 { position: absolute; top: 400px; left: 70px; width: 670px; height: 1000px; font-family: fantasy; font-size: 35px; font-style: italic; color: #FFFFFF;
}
#box4a { position: absolute; top: 830px; left: 70px; width: 670px; height: 1000px; font-family: fantasy; font-size: 35px; font-style: italic; color: #FFFFFF;
}
#box4b { position: absolute; top: 1110px; left: 70px; width: 670px; height: 1000px; font-family: fantasy; font-size: 35px; font-style: italic; color: #FFFFFF; }
#box4c { position: absolute; top: 330px; left: 70px; width: 670px; height: 1000px; font-family: fantasy; font-size: 35px; font-style: italic; color: #FFFFFF; }
#box4d { position: absolute; top: 190px; left: 0px; width: 670px; height: 1000px; font-family: fantasy; font-size: 35px; font-style: italic; color: #FFFFFF; }
#box5 { position: relative; top: 170px; left: 620px; }
#box5a { position: relative; top: 255px; left: 620px; }
#box5b { position: relative; top: 370px; left: 620px; }
#box5c { position: absolute; top: 1390px; left: 620px; }
/* Navigationsleiste */ #navigation { position: absolute; top: 268px; font-weight: bold; letter-spacing: 0px; width: 800px; margin: 0; background-image: url(/bilder/hg_menue.jpg); background-repeat:repeat-x; color: #009933; overflow: hidden; font-size: 15px;
} #navigation ul { list-style-type: none; margin: 0; padding: 0px 0px 0px 10px; } #navigation li { margin: 0; padding: 0; float: left; } #navigation a { color: #009933; display: block; text-decoration: none; margin: 0; padding: 10px;
}
#navigation a:hover, #navigation a:active, #navigation a:focus { background-color: #009933; color: #FFFFFF; } </style>
<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(); bild1.src = "/bilder/hof_1.jpg"; bild2.src = "/bilder/hof_2.jpg"; bild3.src = "/bilder/hof_3.jpg"; bild4.src = "/bilder/hof_4.jpg"; bild5.src = "/bilder/hof_5.jpg"; bild6.src = "/bilder/hof_6.jpg"; function Vorschau(VorschauGrafik) { eval("document['picture'].src = " + VorschauGrafik + ".src"); } // end --> </script>
</head>
<body>
<div id="box2"><img src="/bilder/Kopf_6.jpg" alt="" border="0" width="800" height="250"></div> <div id="navigation" style="font-family: serif"> <ul> <li><a href="index.html">Willkommen</a></li> <li><a href="derhof.html">Der Hof</a></li> <li><a href="wohnungen.html">Wohnungen</a></li> <li><a href="wandern.html">Wandern</a></li> <li><a href="freizeit.html">Freizeit</a></li> <li><a href="preise.html">Preise</a></li> <li><a href="kontakt.html">Kontakt</a></li> <li><a href="anreise.html">Anreise</a></li> <li><a href="impressum.html">Impressum</a></li> </ul> </div> <div id="box1"></div> <div id="box3"><img src="/bilder/ecke.jpg" alt="" border="0" width="310" height="100"></div>
<div id="box4c" ><font style="font-family: sans-serif; font-size: 15px; font-style: italic"> Genießen Sie Ihren Urlaub in unseren gemütlichen und gut ausgestatteten Wohnungen<br /> für 2 bis 5 Personen oder unserem Appartement für 2 Personen.<br /><br /> </font></div>
<div id="box5"> <img class="Bild" name="picture" src="/bilder/hof_1.jpg" width="350" height="273" border="0" alt=""> </div>
<div id="box4" style="font-family: Vivaldi, Brush Script, fantasy;">Wohnung "Mühlenblick", 60 qm <br /> <font style="font-family: sans-serif; font-size: 15px; font-style: italic"> <br /> *komplett eingerichtete Küche mit Spülmaschine <br /> *Doppelschlafzimmer <br /> *Wohn-/Schlafraum, Sat-TV, sehr gute Doppelbettcouch <br /> *Bad und Dusche, WC separat <br /> *Balkon mit herrlicher Aussicht <br /> *Frühstück möglich <br /> *Radio / CD - Player <br /><br />
<a href="derhof.htm" onMouseOver="Vorschau('bild1')"><img src="/bilder/hof_1.jpg" alt="" border="0" width="120" height="94"><a> <a href="derhof.htm" onMouseOver="Vorschau('bild2')"><img src="/bilder/hof_2.jpg" alt="" border="0" width="120" height="94"><a> <a href="derhof.htm" onMouseOver="Vorschau('bild3')"><img src="/bilder/hof_3.jpg" alt="" border="0" width="120" height="94"><a><br /> <a href="derhof.htm" onMouseOver="Vorschau('bild4')"><img src="/bilder/hof_4.jpg" alt="" border="0" width="120" height="94"><a> <a href="derhof.htm" onMouseOver="Vorschau('bild5')"><img src="/bilder/hof_5.jpg" alt="" border="0" width="120" height="94"><a> <a href="derhof.htm" onMouseOver="Vorschau('bild6')"><img src="/bilder/hof_6.jpg" alt="" border="0" width="120" height="94"><a> </font></div><br />
<div id="box5a"><img src="/bilder/brotbacken.jpg" alt="" border="0" width="300" height="234"></div> <div id="box4a" style="font-family: Vivaldi, Brush Script, fantasy;">Wohnung "Eckwaldblick", 70 qm <br /> <font style="font-family: sans-serif; font-size: 15px; font-style: italic"> <br /> *gemütlich und komplett eingerichtete Küche mit Spülmaschine und Sat-TV <br /> *Doppelschlafzimmer <br /> *Wohn-/Schlafraum mit Etagenbetten, SAT TV <br /> *Sitzecke (kann in ein bequemes Schlafsofa umgewandelt werden) <br /> *Bad mit Dusche, Doppelwaschbecken, Fön und Fussbodenheizung <br /> *WC separat <br /> *Abstellraum <br /> *Balkon mit herrlicher Aussicht <br /> *Frühstück möglich <br /> *Radio / CD - Player
</font></div>
<div id="box5b"><img src="/bilder/schnaps.jpg" alt="" border="0" width="250" height="192"></div> <div id="box4b" style="font-family: Vivaldi, Brush Script, fantasy;">Apartment, 24 qm <br /> <font style="font-family: sans-serif; font-size: 15px; font-style: italic"> <br />
*Doppelschlafzimmer, Dusche, WC, Sat-TV, Fernsehsessel, Balkon mit herrlicher<br /> Aussicht<br /> *Singleküche mit Herd, Kühlschrank, Kaffeemaschine, Toaster <br /> *Frühstück möglich <br /> *Das Appartement kann auch zu den Wohnungen dazugemietet werden <br /><br />
<br />
<br /><br /> <br /><br /> <div id="box4d" style="font-family: Vivaldi, Brush Script, fantasy;">Service des Hauses</div><br />
*Brötchenservice <br /> *Frühstückservice <br /> *Getränkeservice <br />
- Verkauf hofeigener Erzeugnisse <br /> * <br /> *Kostenloser Internetzugang <br /> *Grillplatz <br /> *Liegewiese <br /> *Bettwäsche, handtücher <br /> *Komplette Kleinkinderausstattung<br /> *Parkplatz am Haus <br /> *Gästewaschmaschine <br />
</font></div>
</body> </html>
Der Martin
MudGuard