Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.04.2007 um 04:17 (UTC)    
Titel: Tooltip mit Bild

Hallo,

ich habe schon alles abgesucht, komme aber trotzdem nicht wirklich weiter.
Ich möchte auf der Seite http://www.syht.de.tl/Fotogalerien.htm?PHPSESSID=5d5fa682806ba8690803b69cd206f4e3 im Auswahlmenü eine Bildvorschau beim drüberfahren mit der Maus (auf die jeweils gewünschte Galerie) anzeigen lassen.
Ich denke es handelt sich um einen Tooltip mit Bild - aber wie integriere ich den in mein Menü?

Ich hoffe ich habe mich verständlich ausgedrückt.

Danke an alle die hier im Baukasten und im Forum jeden Tag so großartige Arbeit leisten.
Der Baukasten ist einfach super!!!

Tschau und Dank im Voraus
SYHT
Beitrag03.05.2007 um 15:07 (UTC)    
Titel:

damit könnte es evtl klappen, wenn nicht such einfach bei www.javarea.de ähnliche codes und verändere sie dann wie ich

Code:

<STYLE>
   .css { position: absolute; visibility: hidden; z-index: 100 }
</STYLE>

<DIV ID="css" CLASS="css"></DIV>

<script language="Javascript">
<!--


Xoffset= -10;                    // Entfernung vom Mauszeiger auf der X Achse 
Yoffset= 20;                     // Entfernung vom Mauszeiger auf der Y Achse 
var tnew,kh;
iex=(document.all),popup=-1000;            
nsx=(document.layer),popup=-1000;            

// Textinhalte für Popups 
var tipp1 =('<a target="_blank" href="Zieladresse des ersten Bildes"><img alt="ein Bild" src="URL des hochgeladenen Bildes" /></a>'); 
var tipp2 =('<a target="_blank" href="Zieladresse des Bildes"><img alt="ein Bild" src="URL des hochgeladenen Bildes" /></a>');

kh = (tnew) ? document.css : css.style;
if(tnew)
   document.captureEvents(Event.MOUSEMOVE)   
document.onmousemove=mouse;

function zeige(tooltipp)
{         
   var content="<table bgcolor=#426399 width=200 border=1 cellpadding=2 cellspacing=2><td><img href="URL des hochgeladenen..." border=0><font face='Arial' size=2 color=white><b> Hinweis</b><br>"+tooltipp+"</font></td></table>";
   if(iex)
   {   
      popup=Yoffset;               
      document.all("css").innerHTML=content;
      kh.visibility="visible"
   }else{   
      popup=Yoffset;               
      document.layer("css").innerHTML=content;
      kh.visibility="visible"   
   }

}

// überwachen der Mouse auf den Achsen
function mouse(e)      
{         
   var x = (tnew) ? e.pageX:event.x + document.body.scrollLeft;
   kh.left=x+Xoffset;
   var y = (tnew) ? e.pageY:event.y + document.body.scrollTop;
   kh.top=y+popup;
}

// Schliessfunktion
function verberge()              
{         
   popup=-1000;
   kh.visibility="hidden";   
}

// -->
</script>
   
<font class="stn"> <A HREF="#" onmouseover="zeige(tipp1)" onmouseout="verberge()"> 1. Tooltipp </FONT></A></B><br><br>
 <font class="stn"> <A HREF="#" onmouseover="zeige(tipp2)" onmouseout="verberge()">2. Tooltipp </font></A>
Beitrag07.05.2007 um 04:51 (UTC)    
Titel:

auch son scherz wie deine ganze seite?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de