KevinBatdorf / liquidslider

A Responsive jQuery Content Slider
161 stars 62 forks source link

Slide tabs from top to bottom #165

Open ghost opened 8 years ago

ghost commented 8 years ago

Hi and thanks so much, Your slider is very great, state of the art design. I wonder, is it possible through settings to slide tabs from top to bottom instead of from left to right, like a paternoster lift? If not, maybe it's a feature worth considering?

An example can be found here - the vertical carousel: http://malsup.com/jquery/cycle2/demo/carousel.php - but instead of previous and next I would like the tabbed controls.

$('#slider-id').liquidSlider({ includeTitle: false, dynamicTabs: true, panelTitleSelector: ".title-num", });

markup:

<div class="liquid-slider" id="slider-id">
                                        <div>
                                            <a>
                                                <div class="title-num">
                                                Title 1
                                                </div>
                                            </a>
                                            <div class="tab-content">
                                            ...
                                            </div>
                                        </div>
                                        <div>
                                            <a>
                                                <div class="title-num">
                                                Title 2
                                                </div>
                                            </a>
                                            <div class="tab-content">
                                            ...
                                            </div>
                                        </div>
                                    </div>
KevinBatdorf commented 8 years ago

It doesn't move up and down, but you could use another slider like http://unslider.com/ and then use their API to control movement. You would have to build your own tabs though.