用于jquery移动的内容轮播

时间:2015-02-23 13:40:13

标签: javascript jquery cordova jquery-mobile jquery-plugins

我正在使用jquery mobile开发移动应用程序。我希望实施一个"提示"部分。屏幕上会显示一个提示,并且侧滑,我想查看另一个提示。

我的印象是JQM会有一个简单的轮播类型小部件......可以加载html内容。情况似乎并非如此。

P.S。我不是专门寻找图像滑块,我想滑动并随机化一个可以加载html元素(文本)的轮播。

对于移动应用程序的jquery移动设备有什么好处,任何人都有一些想法? (科尔多瓦)

1 个答案:

答案 0 :(得分:0)

我使用过Flex-slider并为我提供了很好的服务。

Working Demo

Product link

初​​始化:

$(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                controlsContainer: ".flex-container"
            });
        });

标记

<!-- slider -->
    <div class="flex-container">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="slides/1.jpg" alt="slide">
                    <p class="flex-caption">Awesomeness</p>
                </li>
                <li>
                    <img src="slides/2.jpg" alt="slide">
                    <p class="flex-caption"> &laquo;Fantastic &raquo;</p>
                </li>
                <li>
                    <img src="slides/3.jpg" alt="slide"> 
                    <p class="flex-caption"> &laquo; Wow &raquo;</p>                        
                </li>

            </ul>
        </div>
    </div>