jQuery

【jQuery】要素を垂直方向にスライドSimple Item Vertical Slider

December 25, 2018
Simple Item Vertical Slider

Simple Item Vertical Sliderは要素(ニュースアイテム、画像など)を垂直方向にスライドさせることができます。

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 */