jcarousel popup on hover

Question

I am trying to create a popup on hover of each item on jcarousel.

You can see here: http://help.infusionsoft.com/sites/all/themes/help_infusion12/templates/ce_player/jc.php

I have created a div and will display:none and then on hover I will remove the css display none. The only issue with this is that the popup divs are cutoff.

I have tried z-index with no luck. I have also attempted to change from overflow hidden however this will then display every item on the jcarousel which is not what I want.

Am I thinking about this popup idea the wrong way and need to do something else?

Thank you in advance.

score 0 · Answer 1 · answered Aug 16 '12 at 17:58

0

maybe you can use http://fancybox.net/ to manage your popup

answered Aug 16 '12 at 17:58

fliim

2,059
4
18
31

Do you know if there is an easy way you can specify location of the box or will it always appear in the center? – joshmmo Aug 16 '12 at 18:54
I dont think you can specify and x and y. But you can custom the padding, margin, height and width to make what you are looking for. – fliim Aug 16 '12 at 18:58
What do you think if I used absolute positioning instead and used jquery to detect the location of the hover to place the popup? This should get rid of the clipping issue no? – joshmmo Aug 16 '12 at 19:39

score 0 · Accepted Answer · answered Sep 14 '12 at 22:35

0

I ended up re-working divs and used css to center popups on top of the jcarousel divs

answered Sep 14 '12 at 22:35

joshmmo

1,062
2
13
28

jcarousel popup on hover

2 Answers2