jquery 移动设备的内容轮播
Content Carousel for jquery mobile
我正在使用 jquery 移动设备开发移动应用程序。我希望实现 "tips" 部分。屏幕上会显示一个提示,侧滑我想查看另一个提示。
我的印象是 JQM 会有一个简单的旋转木马类型的小部件...可以加载 html 内容。好像不是这样。
P.S。我不是专门寻找图像滑块,我想滑动并随机化可以加载 html 元素(文本)的轮播。
有人知道什么适合 jquery mobile for mobile apps 吗? (科尔多瓦)
我用过 Flex-slider,效果很好。
初始化:
$(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"> «Fantastic »</p>
</li>
<li>
<img src="slides/3.jpg" alt="slide">
<p class="flex-caption"> « Wow »</p>
</li>
</ul>
</div>
</div>
我正在使用 jquery 移动设备开发移动应用程序。我希望实现 "tips" 部分。屏幕上会显示一个提示,侧滑我想查看另一个提示。
我的印象是 JQM 会有一个简单的旋转木马类型的小部件...可以加载 html 内容。好像不是这样。
P.S。我不是专门寻找图像滑块,我想滑动并随机化可以加载 html 元素(文本)的轮播。
有人知道什么适合 jquery mobile for mobile apps 吗? (科尔多瓦)
我用过 Flex-slider,效果很好。
初始化:
$(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"> «Fantastic »</p>
</li>
<li>
<img src="slides/3.jpg" alt="slide">
<p class="flex-caption"> « Wow »</p>
</li>
</ul>
</div>
</div>