Need help desperately with: Image w/ description tooltip v2.0

**Gabisuz** · 11-07-2012, 05:31 PM

1) Script Title: Image w/ description tooltip v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agetooltip.htm

3) Describe problem:

Okay I have this website that I work on for my dads girlfriend. It's for her bordercollie kennel and there's a list of ALL bred dogs. I used this tooltipthingy before on this page and it worked fine (yes even with 50 tooltips). BUT I updated the list a few days ago, and now the pictures no longer show up

Okay so this is the page: http://www.fromletsborder.nl/Puppies/Nakomelingen.htm
As you move your mouse over the camera's a picture should show up inlc description. Except that it doesnt! Not anymore at least

I have this code on my page:

Code:

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="../images/Puppies/ddimgtooltip.css" />

<script type="text/javascript" src="../images/Puppies/ddimgtooltip.js">

/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nakomelingen&nbsp; Hier een lijst met</title>
<style>
<!--
table.MsoTableGrid
	{border:1.0pt solid black;
	text-indent:-17.85pt;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
 p.MsoNormal
	{mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:35.7pt;
	margin-bottom:.0001pt;
	text-indent:-17.85pt;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
-->
</style>
</head>

The code I used on the images of the camera's:

Code:

<a rel="imgtip[2]"><img border="0" src="../images/Puppies/camera.png" width="16" height="16"></a>

This is extremely frustrating since it worked fine

I have already redone all of the coding and didn't change anything except add more tooltips..
Those are the ones I added:

Code:

tooltips[51]=["../images/Puppies/Lijst/Jardi.png", "Deadly Naddar From Let's Border - Jardi", {font:" 11px Calibri"}]
tooltips[52]=["../images/Puppies/Lijst/Jack.png", "Terrible Terror From Let's Border - Jack", {font:" 11px Calibri"}]
tooltips[53]=["../images/Puppies/Lijst/Lola.png", "Nightfury Lola From Let's Border - Lola", {font:" 11px Calibri"}]
tooltips[56]=["../images/Puppies/Lijst/Bruce.png", "Gronckle From Let's Border - Bruce", {font:" 11px Calibri"}]
tooltips[57]=["../images/Puppies/Lijst/Flash.png", "The One And Only From Let's Border - Flash", {font:" 11px Calibri"}]

Anyone any idea what I am doing wrong? Or is 50 just the max number of tooltips...