Skip to content
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

Visible "jump" when a larger image fades into view #36

Closed
yahreen opened this issue Apr 19, 2012 · 1 comment
Closed

Visible "jump" when a larger image fades into view #36

yahreen opened this issue Apr 19, 2012 · 1 comment

Comments

@yahreen
Copy link

yahreen commented Apr 19, 2012

If an image is larger than the one before it, a visual "jump" is present as the image fades into view.

Add 2 images to a slideshow, one vertically longer than the other.

Using the default ResponsiveSlide settings, wait for the larger image to appear. Notice as it fades into view but only displays at the exact vertical length of the image before it, cutting off the remainder of the longer image. After the fade is complete, the rest of the larger image "pops" into view without the fade effect applied.

Reproducible in FF11 & Chrome 18.

@arielsalminen
Copy link
Owner

I'm aware of this issue. It's also mentioned in the description "Only dependency is jQuery (1.4 and up supported) and that all the images are same size." So, currently there's no way around that.

You either need to have images that are all the same size or add some height for the "li"-items and/or "ul" and then use overflow:hidden to go around this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants