Also, ich habe ein Script, welches man eifach in seine Seite einbauen kann.
( <script type="text/javascript" src="script.js">
</script> ) | script.js als Beispiel |
Dann muss man sich buttons einfallen lassen und welche die dann erscheinen wenn man mit der Maus über die ersten geht. Die dann abspeichern. Bei mir heißt Button 1 nab.gif der der erscheinen soll nab_over.gif ( abgespeichert im Ordner buttons )
<--! Das Script ... kopieren und als bspw. script.js abspeihern
( Textdatei erstellen inhalt einfügen, abspeichern als script.js )
bildnr = 0;
endung = ".gif";
ueber = "_over.gif";
test = "buttons/nab_b"
function button(bildnr) {
document.getElementById(bildnr).src = test + bildnr + ueber;
}
function buttona(bildnr) {
document.getElementById(bildnr).src = test + bildnr + endung;
}
function CaricaFoto(img){
foto1= new Image();
foto1.src=(img);
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')";
intervallo=setTimeout(funzione,20);
}
}
function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}
<--! Ende !-->
Dann nur im Html folgenden Code einbinden
<table>
<tr>
<td><a href="xy.html" target="xy"><img src="buttons/nab_b1.gif" border="0" alt="1" id="1" onMouseover="javascript:button(1)" onMouseout="javascript:buttona(1)"><br></a></td>
</tr>
</table>
xy für belibigen Wert!