Skip to content
Simple Item Vertical Slider for slide menu item or other element (e.g. like news item, image and other) vertically.
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Jan 17, 2017
README.md Update README.md Jan 17, 2017
chev_down.png Add files via upload Jan 17, 2017
chev_up.png Add files via upload Jan 17, 2017
dummy_75.png Add files via upload Jan 17, 2017
index.html Create index.html Jan 17, 2017
sivs.js Create sivs.js Jan 17, 2017

README.md

Simple-Item-Vertical-Slider

Simple Item Vertical Slider for slide menu item or other element (e.g. like news item, image and other) vertically.

#EXAMPLE STRUCTURE ####See DEMO

##HTML

<div class="articleList">
    <div class="items">
        <div class="item">
            <a href="#">
                <img src="img/dummy.png">
                <div class="desc">
                    <h4>dummy</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="control">
        <div class="down"></div>
        <div class="up"></div>
    </div>
</div>

##JS

For init plugin need manually change item variables:
var list = $('.articleList'); /* -- block container */
var list_items = list.find('.items'); /* -- items container */
var list_item = list_items.find('.item'); /* -- item destination */
var show_item = 5; /* -- how many item will be showed */

var control = list.find('.control'); /* -- controls container */
var up = control.find('.up'); /* -- up button */
var down = control.find('.down'); /* -- down button */

All of this variables may be change

####AS IS

You can’t perform that action at this time.