Link to home
Start Free TrialLog in
Avatar of error77
error77

asked on

JQuery Tooltips Not working

Hi all,

I'm trying to bare basics of JQuery Tooltips and it just won't work. Anyone got any ideas why the code attached won't work please?
Here is the website url: http://flowplayer.org/tools/demos/tooltip/index.html
Please see my code below attached

Thanks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
	<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<style>

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



</style>
<script type="text/javascript">
	$("#demo img[title]").tooltip();
</script>

</head>
<body>


<div id="demo">
	<img src="images.jpeg" title="The tooltip text #1"/>
	<img src="image2.jpg" title="The tooltip text #2"/>
	<img src="image3.jpg" title="The tooltip text #3"/>
	<img src="image4.jpg" title="The tooltip text #4"/>
</div>

</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Codebot
Codebot

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of error77
error77

ASKER

Thanks