title image


Smiley Re: mauszeiger löst bildanzeige aus
Hi,



dazu kannst du erstmal im linken Frame folgenden Grafik-Platzhalter einrichten:







<img id="grafikPlatzhalter" src="startbild.jpg">







Danach, kannst du die Bilder in der Galerie für die Aktion "bei Mauszeiger-Draufzeigen große Version des Bildes im linken Frame anzeigen" vorbereiten, in dem du falls du noch keinen Link um jede Galerie-Grafik gelegt hast, dies tust und/oder dem Link eine JavaScript-Anweisung hinzufügst:







<a href="#" onMouseOver="parent.nameDesLinkenFrames.grafikPlatzhalter.src='bild1.jpg';">

<img src="bild1.jpg">

</a>







... hier noch ein wenig Beispielcode zum Thema:



index.html







<html>

<head>

</head>

<frameset cols="50%,50%" frameborder="0" border="0" framespacing="0">

<frame name="gross" src="gross.html" noresize>

<frame name="klein" src="klein.html" noresize>

</frameset>

</html>







gross.html







<html>

<head>

</head>

<body>

<table style="width:100%; height:100%;">

<tr>

<td style="text-align:center; vertical-align:middle;">

<img id="grafikPlatzhalter" src="bild1.jpg">

</td>

</tr>

</table>

</body>

</html>







klein.html







<html>

<head>

<style type="text/css">

<!--



/* um es zu raffen diese Style-Angaben für alle Zellen und Grafiken ;-) */

td

{

text-align:center;

vertical-align:middle;

}



img

{

border-width:0px;

width:100px;

height:65px;

}



-->

</style>

</head>

<body>

<table style="width:100%; height:100%;">

<tr>

<td align="center" valign="middle">

<table>

<tr>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild1.jpg';">

<img src="bild1.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild2.jpg';">

<img src="bild2.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild3.jpg';">

<img src="bild3.jpg">

</a>

</td>

</tr>

<tr>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild4.jpg';">

<img src="bild4.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild5.jpg';">

<img src="bild5.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild6.jpg';">

<img src="bild6.jpg">

</a>

</td>

</tr>

<tr>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild7.jpg';">

<img src="bild7.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild8.jpg';">

<img src="bild8.jpg">

</a>

</td>

<td>

<a href="#" onMouseOver="parent.gross.grafikPlatzhalter.src='bild9.jpg';">

<img src="bild9.jpg">

</a>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>







aktuelle Winamp Playlist                Hörgewohnheiten (Last.fm)



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: