Hover effect outside the slider? #302

Closed
ToBit1 opened this Issue Mar 15, 2012 · 5 comments

Comments

Projects
None yet
2 participants

ToBit1 commented Mar 15, 2012

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

Owner

Mottie commented Mar 15, 2012

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 commented Mar 15, 2012

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?

Owner

Mottie commented Mar 16, 2012

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.

Owner

Mottie commented Mar 16, 2012

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 commented Mar 19, 2012

you are amazing!
Thank you :)

@ToBit1 ToBit1 closed this Mar 19, 2012

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment