如何在html Pulgin制作FilmRoll轮播是[https://github.com/straydogstudio/film_roll/tree/master/js]

时间:2015-10-08 12:53:44

标签: jquery html carousel

我希望图像像电影卷一样滚动。并且还想包括prev和nxt按钮。

      <link rel="stylesheet" href="lightbox2/lightbox2-master/dist/css/lightbox.css" title="style">
    <script src="C:\Users\hp-pc\Desktop\M1 cinemas\film_roll-master\film_roll-master\js\jquery.film_roll.js"></script>

    <script src="C:\Users\hp-pc\Desktop\M1 cinemas\film_roll-master\film_roll-master\js

    \jquery.touchSwipe.min.js"></script>

    <script>

     $(function() {
          fr = new FilmRoll({
            container: '#film_roll',
            height:500,
            animation: 1000,
            interval: 10000,
            prev: '#film_roll_prev',
            next: '#film_roll_next'
          });
        });

    </script>

    </head>
    <body>
    <div id="film_roll">
<div><a href='#'><img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437"></a></div>
<div><a href='#'><img src="https://yt3.ggpht.com/-4r8uIjK6EVM/AAAAAAAAAAI/AAAAAAAAAAA/hmkw4cD96mA/s100-c-k-no/photo.jpg"></a></div>
<div><a href='#'><img src="http://www.123inkt.nl/image/Riso_S-4263E_inktcartridge_helderrood_origineel_S-4263E_087016_small.jpg"></a></div>
</div>

    </body>
    </html>

以及如何包含上一个和下一个按钮?

0 个答案:

没有答案