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

AnythingSlider options #535

Open 3Necromancer opened 11 years ago

3Necromancer commented 11 years ago

I have several questions about the options supported by AnythingSlider and how to enable them.

1) captions: How to set different in/out effects for captions? I just used the code from the sample (bottom captions) which makes the captions appear from the bottom, and as soon as i moved the caption area up a bit using the .css, it switched to fade in/out instead of sliding in/out from the bottom. how do to set caption effects?

2) transition effects: is anythingSlider support these nice effects (coin slider): http://workshop.rs/projects/coin-slider/ ? or just the flipX/Y that are covered in the sample and Wiki? is it possible to have random transition effect? and a random transition effect out of certain list of effects?

Mottie commented 11 years ago

Hi @3Necromancer!

1) Can you share a demo of what you are trying to do. It should be possible by adding a margin to the caption, not changing the absolute position.

2) Sorry no, transitions haven't been added to AnythingSlider. It's not as simple when we're dealing with text content/video versus images only. But you can use the animate.css library - see this demo

3Necromancer commented 11 years ago

i see. i guess the slider does know what the content of each slide (image, video or text). wouldn't it be possible to add transition if the next slide is an image? as i think a lot of sliders use only plain images, and those transitions are pretty smooth.

Mottie commented 11 years ago

Yes, it would be possible. But honestly, I don't have the time right now to add transitions to AnythingSlider.

There are other sliders out there that do have transitions. Here is just one I found: http://www.pixedelic.com/plugins/diapo/

3Necromancer commented 11 years ago

i understand. hopefully you would put it on your 'to do' list :-) the last update on the diapo slider was a year and a half ago (his newer camera slider last updated a year ago), as its open source, maybe you could ask permission to use his transition code. should save you a little bit of time.