Hello all.
Can anyone help me make this work in Firefox. It's showing me a blank screen... many thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<script src="_js/jquery-1.3.2.min.js"></script>
<script src="_js/tools.tooltip-1.1.3.js"></script>
<script>
$(document).ready(
function() {
$("#demo img[title]").tooltip('#demotip');
}
);
</script>
<style>
#demotip {
display:none;
background:transparent url(_images/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
#demo{
margin-left: 100px;
}
</style>
</head>
<body>
<!-- the tooltip -->
<div id="demotip"> </div>
<!-- and the triggers -->
<div id="demo">
<img src="image1.jpg" 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>
Can anyone help me make this work in Firefox. It's showing me a blank screen... many thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<script src="_js/jquery-1.3.2.min.js"></script>
<script src="_js/tools.tooltip-1.1.3.js"></script>
<script>
$(document).ready(
function() {
$("#demo img[title]").tooltip('#demotip');
}
);
</script>
<style>
#demotip {
display:none;
background:transparent url(_images/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
#demo{
margin-left: 100px;
}
</style>
</head>
<body>
<!-- the tooltip -->
<div id="demotip"> </div>
<!-- and the triggers -->
<div id="demo">
<img src="image1.jpg" 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>
