如何在3d轮播中向图像添加文本

时间:2014-02-09 09:14:04

标签: jquery html carousel jcarousel

尝试添加字幕和链接,并将鼠标悬停在图片上时停止播放。

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script src="jquery.k3dCarousel.min.js"></script>
        <style>
            #k3dCarousel img{
                display:none;
            }
        </style>
    </head>
    <body>
        <div id="k3dCarousel">
            <img src="image1.jpg" />
            <img src="image2.jpg" />
            <img src="image3.jpg" />
            <img src="image4.jpg" />
            <img src="image5.jpg" />
            <img src="image6.jpg" />
            <img src="image7.jpg" />
            <img src="image8.jpg" />
        </div>
        <script>
            $(window).load(function(){
                $('#k3dCarousel').k3dCarousel();
            });
        </script>
    </body>
</html>

演示可以在http://demo.verens.com/k3dCarousel/demo.html

看到

1 个答案:

答案 0 :(得分:0)

尝试使用此滑块RoundAbout Slider。这似乎是一个完美的滑块,有很多自定义。