Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.05.2010 um 15:09 (UTC)    
Titel: Bild in einer Hilfebox?

Hallo, wisst ihr, wie man ein Bild in eine Hilfebox ein binden kann, damit meine ich, dass das Bild in der Box selbst eingeblendet wird.

Danke! Ach ja, hier ist der bisherige Code:

Code:
<style type="text/css">

#gga{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid #c0c0c0;
padding: 2px;
color:black;
font-size:14px;
font-weight:550;
font-family:verdana, arial;
background-color: beige;
visibility: hidden;
z-index: 100;
/*******************Textfeld ohne Schatten : die folgende Zeile entfernen !!! ***********************/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#ecke{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

</style>
<script type="text/javascript">


var zeigerabstandX=20 // Abstand des Textfeldes vom Zeiger waagrecht
var zeigerabstandY=10 // Abstand des Textfeldes vom Zeiger senkrecht

var bildabstandX=19 // Abstand der Ecke auf dem Textfeld vom linken Rand
var bildabstandY=14// muss nicht geändert werden

document.write('<div id="gga"></div>')
document.write('<img id="ecke" src="http://img390.imageshack.us/img390/1952/arrow0xw.gif">')

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var ggl=document.all? document.all["gga"] : document.getElementById? document.getElementById("gga") : ""

var zeiger=document.all? document.all["ecke"] : document.getElementById? document.getElementById("ecke") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function umpf(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") ggl.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") ggl.style.backgroundColor=thecolor
ggl.innerHTML=thetext
enabletip=true
return false
}
}

function hallo(e){
if (enabletip){
var aarg=false
var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-zeigerabstandX : winwidth-e.clientX-zeigerabstandX
var bottomedge=ie&&!window.opera? winheight-event.clientY-zeigerabstandY : winheight-e.clientY-zeigerabstandY

var leftedge=(zeigerabstandX<0)? zeigerabstandX*(-1) : -1000

if (rightedge<ggl.offsetWidth){
ggl.style.left=curX-ggl.offsetWidth+"px"
aarg=true
}
else if (curX<leftedge)
ggl.style.left="5px"
else{
ggl.style.left=curX+zeigerabstandX-bildabstandX+"px"
zeiger.style.left=curX+zeigerabstandX+"px"
}

if (bottomedge<ggl.offsetHeight){
ggl.style.top=curY-ggl.offsetHeight-zeigerabstandY+"px"
aarg=true
}
else{
ggl.style.top=curY+zeigerabstandY+bildabstandY+"px"
zeiger.style.top=curY+zeigerabstandY+"px"
}
ggl.style.visibility="visible"
if (!aarg)
zeiger.style.visibility="visible"
else
zeiger.style.visibility="hidden"
}
}

function hideumpf(){
if (ns6||ie){
enabletip=false
ggl.style.visibility="hidden"
zeiger.style.visibility="hidden"
ggl.style.left="-1000px"
ggl.style.backgroundColor=''
ggl.style.width=''
}
}

document.onmousemove=hallo

</script>
<div><a href="http://www.homepage-baukasten.de/forum/viewtopic.php?t=83512" onMouseover="umpf('Hier kommt dann ein wenig Text rein.',180)";
onMouseout="hideumpf()" onFocus="this.blur()" target="_blank">
<img src="http://www.homepage-baukasten.de/forum/templates/subSilver/images/lang_german/icon_edit.gif" alt="" border="0">
</a>
</div>
Beiträge der letzten Zeit anzeigen:   


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