DiamondDog: Problem mit JQuery Tooltip

Beitrag lesen

Hallo Leute,
ich hab eine kleines Problem mit JQuery und dem Tooltip.

Erklärung:
Ich erstelle eine Demo.html und in dieser funktioniert das mit dem Tooltip auch ohne Probleme. Baue ich das ganze nacher aber in meine index.php wo das ganze eigendlich rein soll, dann functioniert das ganze leider nicht und ich bekomme immer die Fehlermeldung:
Fehler: $("img.preview").tooltip is not a function

Mein Beispeilcode sieht so aus:

  
<html>  
<head>  
<script src="lib/jquery.js" type="text/javascript"></script>  
<script src="lib/jquery.dimensions.js" type="text/javascript"></script>  
<script src="jquery.tooltip.js" type="text/javascript"></script>  
  
  
  
<script type="text/javascript">  
$(function() {  
$('img.preview').tooltip({  
	delay: 0,  
	showURL: false,  
	bodyHandler: function() { <!--  <<-- Hier soll es zu dem Fehler kommen-->  
		return $("<img/>").attr("src", this.src);  
	}  
});  
  
});  
</script>  
  
<style type="text/css">  
#tooltip {  
	position: absolute;  
	z-index: 3000;  
	border: 1px solid #111;  
	background-color: #eee;  
	padding: 5px;  
	opacity: 0.85;  
}  
#tooltip h3, #tooltip div { margin: 0; }  
</style></head>  
<body>  
  <img id="tonus" class="preview" src="image.png" height="80" />  
  <img id="tonus" class="preview" src="karte.png" height="80" />  
  <img id="tonus" class="preview" src="image.png" height="80" />  
  <img id="tonus" class="preview" src="image.png" height="80" />  
  <img id="tonus" class="preview" src="karte.png" height="80" />  
  <img id="tonus" class="preview" src="image.png" height="80"/>  
</body>  
</html>  

Ich hoffe das mir vll jemand sagen kann, was ich falsch mache.
Danke schon mal an alle.

Mfg Dog