[oris]

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

[Eistee]

Ein online Beispiel wäre gut...