maxelcat 0 Light Poster


I am doing some simple jQuery work and I have a little problem.

There are some image panels. If you roll over them a little div animates in. This new div sits on top of the image, and is about 1/4 of the size of the triggering image.

Its triggered by mouseover and mouseout (although I have tried hover - can't use click)

It works excpet if you trigger the animation from where the NEW div will be then it goes into a loop - I guess that its triggering mouse out for me...

How can I stop this please

You can see

here's my jQuery

$(document).ready(function() {			  
			  var numberLinks = $('a.panelImage').length;
			  for (var j=0; j<numberLinks; j++){
				var currentLink = $('a.panelImage:eq('+j+')'); 				 
				$('<div class="fred"></div>').insertAfter(currentLink);
				var gtr=currentLink.position().left;
				 $(currentLink).next().css({ // ie div.fred
										'position':'absolute',						'top':'100px',
			  $('a.panelImage img')
			}, 500)			   
			}// end function
			) //end mouseover
			$(this).parent().next().stop().animate ({
			}	//end function
			 );	//end function
Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.