search

CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Expand Height Of Slider #452

Closed kaanra closed 11 years ago

kaanra commented 12 years ago

Hello, I would like to know how make the slider expand to the height of the content (for responsive layouts). I have wrapped the slider in a parent wrap, set expand: true, and resizeContents: false, but only the widths adjusts.

I have searched around for a demo with the height expanding, unfortunately those demos are now 404 pages. Any help would be much appreciated!

Mottie commented 12 years ago

Hi Moondrop!

All of the demos have been updated on the home wiki page. And this must be the demo you are describing.

Basically to have the slider expand vertically, change the height of the wrapper.

kaanra commented 12 years ago

Thanks a ton Mottie! That demo is very close to what I needed, and helped me achieve what I was looking for.

My slider now expands to the height of the content, which works perfectly for column collapsing in responsive layouts. For anyone else who may want to know, this is my end code. What I was looking for is demonstrated on the first slide.

Once again, thank you very much Mottie!

kaanra commented 12 years ago

Unfortunately, after getting the slider height to expand dynamically to the content height (e.g. resize the window smaller, then slider height grows/adapts to the content), it creates various other issues.

The content inside of the <li> needs to be wrapped in a <div>, or the slider collapses and the height does not expand. However, in the <ul class="thumbNav"> the cur class on the links now jumps/flickers when navigating to a new slide.

Also, this issues occurs every so often: E.g.) I am on slide number 1. I press the forward arrow, the slider will begin the animate to slide number 2, but then jumps/flickers back to slide number 1.

Here is a demo of the issues above.

Mottie commented 11 years ago

Please check the latest version and see if you still have a flickering issue. Thanks!