Switch between albums Based on jquery vertical thumbnails and jquery thumbnail albums

Switch between albums Based on jquery vertical thumbnails and jquery thumbnail albums

Today we will share with you a vertical thumbnail switch jQuery album, which is a vertical thumbnail scroll switch response jQuery image album code. This plug-in is applicable to browsers such as IE8, 360, FireFox, Chrome, Safari, Opera, aoyou, sogou, and windows of the world. As follows:

Download Online Preview source code

Implementation code.

Html code:

<div style="max-width: 800px; margin: 50px auto;">        <div class="ms-showcase2-template ms-dir-v">            <!-- masterslider -->            <div class="master-slider ms-skin-default" id="masterslider">                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>                <div class="ms-slide">                                                        </div>            </div>            <!-- end of masterslider -->        </div>    </div>

Js Code:

 $(document).ready(function () {            var slider = new MasterSlider();            slider.setup('masterslider', {                width: 610,                height: 630,                space: 5,                view: 'basic'            });            slider.control('arrows');            slider.control('scrollbar', { dir: 'h' });            slider.control('thumblist', { autohide: false, dir: 'v', arrows: false });        });

Via: http://www.w2bc.com/Article/24052