oris
Threadersteller
Dabei seit: 10.05.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.05.2010 08:24
Titel Tooltips (JQuery) funkt nur in Firefox? Warum? |
|
|
Hallo, ich hab eine Seite wo bilder vergrößert angezeigt werden sollen, und das mithilfe einer toolbox. Hab schon ewig gegoogelt aber keiner der mein Problem hatte... wahrscheinlich ein ganz simpler Fehler den ich einfach nicht sehe:/
also mein css:
/*TOOLTIPPS CSS*/
.tooltip {
background-color:#666;
display:none;
font-size:15px;
height:auto;
width:auto;
padding:10px;
color:#CCC;
margin-top:10px;
margin:-70px;
-moz-box-shadow: 5px 5px 15px #000;
-webkit-box-shadow: 5px 5px 15px #000;
position:absolute;
left:50px;
top:370px;
z-index:1000;
}
.tooltip .label {
width:auto;
height:auto;
}
.tooltip a {
color:#666;
font-size:11px;
font-weight:bold;
}
/* style the trigger elements */
#demo img {
border:0;
cursor:pointer;
margin:0 8px;
}
#picture {
background:#666;
display:block;
height:auto;
margin-bottom:40px;
cursor:pointer;
}
#picture:hover {
background-position:1px;
}
und mein html code dazu:
<img id="picture" src="Bilder/thumbs/vCard_frank_vorne.jpg">
<img class="tooltip" src="Bilder/images/vCard_frank_vorne.jpg"/>
<script>
$("#picture").tooltip({
effect:'slide',
fadeOutSpeed:100,
position:"center, left",
offset:[0,0]
});
</script>
Kann mir bitte jemand sagen wo da der fehler ist?
Danke vielmals im vorraus:)
glg oris
|
|