asked on

Firing Event for all visible images jCarousel scroller

I am trying to get a jQuery tooltip to get displayed when jCarousel items come into view. So when a user hovers over the item in view a tooltip will appear. I am using jQuery Tooltip plugin.

I have added my tooltip function to the:

itemLastInCallback: {
onAfterAnimation: afterAnimationLastInCallback
}

But my tooltips do not get displayed in the carousel.

I have created a basic example of my issue here: http://jsfiddle.net/QAFZX/12/

I know this is a bit confusing and I hope someone will be able to help me.

Thanks!

Amick

Try
#tooltip h3, #tooltip div { margin: 0; line-height: 13px; color: #f00; font-size: 1.1em; }

Amick

Ignore that advice, It worked once, showing a nice red H3 pop-up on a black background, but I went back to try it again and it failed, so there must be something else going on.

Amick

Change your version of jQuery to the current release and all should be well. Tested in 1.5.1.

Amick

My apologies. It just looked as if it worked. I didn't understand the problem before. The tooltip fires on the first pass, and fails subsequently.

R1ND3R

ASKER

Do you have any idea why this is happening and how I can get a javascript function to fire for those viewable images?

Any help is appreciated.

ASKER CERTIFIED SOLUTION

Amick

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

R1ND3R

ASKER

Thanks for you help Amick.

I think I learnt more about how jcarousel works thanks to your previous post.

I have decided a different approach to getting a tooltip to display in my carousel which has worked.