Hover effect outside the slider?

[ToBit1]

Hi,

is there any possibility to get a script like jqzoom worked with the Images inside AnythingSlider?
I want that the hover effect shows up outside the slider. But you know it already. The hidden overflow make some trouble ;)

Is there any work around?

Thx

[Mottie]

Hmm, maybe you can try the css I posted in this issue to remove the overflow hidden and add a wrapper to hide the horizontal images.

The next best thing might be to just modify jqzoom to add the hover window to the document body instead of next to the image so it won't be limited by the overflow... I could help if you shared a demo of what you have (modify this demo). I've just been busy dealing with family stuff that I don't have time to work on something from scratch.

[ToBit1]

Here is some example with overflow already set to visible, to show the effect: http://jsfiddle.net/bhFNm/
I hope that help you.
I wan't to show the hover effect on the right side of the slider.
That make it problematic to work with the wrapper trick?

[Mottie]

Yeah, I started messing around with modifying the jqzoom code since that seems like it's the only solution... but it's causing me problems since it tries to place the zoom window next to the image, but the image moves around when it's in the slider. My time has been greatly limited lately, but I'll keep trying when I have time and update you once I've found a solution.

[Mottie]

Ok, so I ended up modifying jqzoom to append the zoomed image to the document body instead of next to the image. I forked the repository and added a demo of AnythingSlider + jqzoom in the demo directory; file named "demo_slider.html"

jsFiddle using Modified jqzoom

[ToBit1]

you are amazing!
Thank you :)