hu hu,
ich brauche mal hilfe, denn ich erstelle eine Homepage über Hamburg
auf der steuerbare 360 Grad Ansichten zu sehen sind.
www.hamburg-360.de
Ich nutze ein Java-Script um eine Popupfenster mit Mouseover zu öffen.
Wie kann ich in dieses Script ein Bilddatei einbinden?
Beispiel:
Geht der Besucher mit der Maus über das Bild soll ein Popupfenster erscheinen, welches sich automatisch wieder schliesst, wenn der Mauszeiger das Bild verlässt.
thx
Marius
------------------------------------------------------------------------------------
Dies ist das Script (funktioniert wie das Beispiel, jedoch nur mit Textlink):
Code:
<p align="center">
<script LANGUAGE="JavaScript">
<!--
function fenster(anzeige){
self.name = "beschreibung";
info = window.open ('','fenster','WIDTH=200,HEIGHT=200')
if(info != null){
if(info.opener == null){
info.opener = self;
}
}
info.document.clear()
info.document.open()
info.document.write("<HTML>");
info.document.write("<BODY BGCOLOR=#163a5a TEXT=#FFFFFF >")
info.document.write("<LEFT><FONT SIZE=2>")
info.document.write(anzeige)
info.document.write("</BODY></HTML>")
info.document.close()
return true;
}
function fensterzu(){
info.close()
return true;
}
// -->
</script></b><font size="2" color="black" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<b><span style="background-color: #FFFFFF">
<font color="#81A0C0">&<a onmouseover="fenster('Anleitung:&P&Klicken Sie zur Steuerung mit der Maus in das Ansichtsfenster und ziehen Sie mit gedrückter Maustaste nach links oder rechts.&P&Mit der Taste: h können Sie eine erhöhte Bilddarstellung aktivieren.')" , onmouseout="fensterzu()" target="_self" title="Nicht klicken! Nur Mauszeiger überhalten." href="unten.htm"><span style="text-decoration: none"><font color="#81A0C0">Anleitung</font></span></a></font></span></b></font><span style="font-weight: 700"><a href="01-info.html"><span style="text-decoration: none; background-color: #FFFFFF"><font size="2" color="#81A0C0" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> </font>
</span></a></span></p>
<p align="center">
