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
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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER