jQuery

【jQuery】スライダープラグインZoom Transition slider

December 24, 2017
Zoom-Transition slider

Zoom Transition sliderは、ズームトランジション効果を持つスライダープラグイン。

JS

    <script src="js/jquery.js"></script>
    <link href="css/main.css" rel="stylesheet">
    <script src="js/main.js"></script>

HTML

    <div class="content">

        <div class="head" id="h-a">Slider 1</div>
        <div class="head" id="h-b">Slider 2</div>
        <div class="head" id="h-c">Slider 3</div>
        <div class="head" id="h-d">Slider 4</div>
    </div>

    <div class="outer">

        <div class="banner" id="a"> <img src="images/final1.jpg"></div>
        <div class="banner" id="b"> <img src="images/03.jpg"></div>
        <div class="banner" id="c"> <img src="images/11.jpg"></div>
        <div class="banner" id="d"> <img src="images/img3.jpg"></div>

    </div>