New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hover effect outside the slider? #302

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

Comments

Projects
None yet
2 participants
@ToBit1

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

@Mottie

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Mar 15, 2012

Member

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.

Member

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

This comment has been minimized.

Show comment
Hide comment
@ToBit1

ToBit1 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?

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?

@Mottie

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Mar 16, 2012

Member

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.

Member

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.

@Mottie

This comment has been minimized.

Show comment
Hide comment
@Mottie

Mottie Mar 16, 2012

Member

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

Member

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

This comment has been minimized.

Show comment
Hide comment
@ToBit1

ToBit1 Mar 19, 2012

you are amazing!
Thank you :)

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