HTML [S]Code für Tooltip mit Bild.

[HansDampf38]

Ob das mögich ist, musst du doch wissen, du arbeitest doch mit Wordpress ;-)

Wie gut ist dein Englisch ?

Schau hier mal zu Javascript und Wordpress nach, was du dabei beachten musst.

Den Rest pack ich dir dann zusammen

Ergänzung (29. Mai 2010)

Ok, habe hier noch was auf Deutsch gefunden...

Wordpress und Javascript

Geht also.

Gehen wir das also mal an

1. Du öffnest einen einfach Texteditor deiner Wahl und kopierst das da rein:

wmtt = null; 
document.onmousemove = updateWMTT;
function updateWMTT(e) { 

if (wmtt != null) {
x = (document.all) ? window.event.x + wmtt.offsetParent.scrollLeft : e.pageX; 
y = (document.all) ? window.event.y + wmtt.offsetParent.scrollTop : e.pageY; 
wmtt.style.left = (x + 20) + "px";
wmtt.style.top = (y + 20) + "px";
} 
} 
function showWMTT(id) { 
wmtt = document.getElementById(id); 
wmtt.style.display = "block" 
} 
function hideWMTT() { 
wmtt.style.display = "none";
}

Die Datei nennst du dann "tooltip.js"... oder wie du gerne möchtest

2. packst du in eine weitere Text-Datei das rein:

.tooltip 
{ 
position: absolute; 
display: none; 
background-color: 
#FFFFFF; 
}

Die Datei nennst du dann "tooltip.css"... oder wie du gerne möchtest

3. Die 2 Dateien lädst du hoch in dein Wordpress-Verzeichnis.

4. Dann öffnest du die Seite, wo du deinen Tooltip haben willst.

Dort sollte es bereits so eine ähnliche Zeile geben wie diese:

@import url(tooltip.css);

die fügst du dann hinzu... damit hast du dein CSS drin... ACHTUNG beim Pfad aufpassen, da kann es sein, das der anders aussehn muss. Musst du etwas rumspielen, wie der Pfad lauten muss.

Dann fügst du noch foglende Zeile zu:

<script type="text/javascript" src="tooltip.js"></script>

Wieder das selbe, auf den Pfad achten.

Wenn du das hast, hast du deine Scripte auf der Seite und kannst sie nutzen so wie oben von mir beschrieben.

Alles klar ?

Gruß

HD