我在寻找一个脚本或教程,可以在其中显示包裹在定位标记中的图像,并且当我向左或向右滑动时,它会显示新图像。该脚本应与json和jquery mobile一起工作,并指出幻灯片中有多少图像。任何这样的教程?滑动即可滑入新图像
回答
可作为静态图像画廊或经由$.ajax
动态加载的图像。
这看起来很复杂,我不想大拇指 – 2013-04-06 22:02:40
@KernElliott你可以将它变形。认为它是一个教程;) – Omar 2013-04-06 22:36:38
:D会看看,但swipeview似乎很好atm – 2013-04-06 23:19:00
我自己错了使用jQuery for jQuery Mobile的图像滑块的最简单形式。您可以找到Tutorial here和demo here。
以下是核心
$("#myImagePage").swiperight(function() {
if (i < (imgURL.length - 1)) {
i++
} else {
i = 0;
}
var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
$('#ImageDiv').html(imgStr);
});
$("#myImagePage").swipeleft(function() {
if (i > 0) {
i--
} else {
i = (imgURL.length - 1);
}
var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
$('#ImageDiv').html(imgStr);
});
这是伟大的,但它需要更多的动画图像之间的变化啊好的幻灯片动画会很好 – 2013-04-08 15:22:49
@KernElliott你必须在它上面工作然后。 :) – 2013-04-08 19:14:37
- 1. 滑动即可更改UIViewContent
- 2. Android图像滑动图像
- 3. 滑动即可关闭动态更新的回收站视图
- 4. jQuery滑动图像?
- 5. Javascript图像滑动
- 6. 在滑动手机7滑动图像滑动或轻弹
- 7. 不能用Orbit滑块滑动图像
- 8. 平滑滑动背景图像
- 9. 滑动滑块内的背景图像
- 10. 滑动时图像的平滑过渡
- 11. 自动滑动图像。
- 12. 图像滑动视图
- 13. Flexslider载入和滑动图像问题?
- 14. Android平滑图像动画
- 15. JavaFX:如何滑动图像
- 16. 使用yii2滑动图像
- 17. javascript图像滑块启动
- 18. 如何滑动图像?
- 19. 如何滑动图像
- 20. Xcode中的滑动图像
- 21. Sitecore上的滑动图像
- 22. 向下滑动即可退出像Snapchat这样的活动
- 23. JQuery平滑滑动图库
- 24. 平滑图像
- 25. 旋转木马 - 单个图像滑动显示错误。它的滑动滑块
- 26. 带连续滑动动画的CSS3图像滑块
- 27. JQuery图像滑块与滑下来
- 28. 带图像标题的滑轨滑块
- 29. webgl图像滑块
- 30. Jumbotron图像滑块
为什么你需要JSON或jQuery Mobile的实现这一目标?看看这是否有帮助http://cubiq.org/dropbox/SwipeView/demo/gallery/ – 2013-04-06 21:41:17
嗯,我希望它适合在一个移动设置和良好的JSON部分实际上不neccessar雅我可以只是将其切换到HTML代码 – 2013-04-06 21:59:51
我将SwipeView与移动Safari和Android平板电脑上的应用程序集成在一起,给我留下了深刻的印象。 IScroll也可以做一些调整以达到你想要的。看一看,他们有一些伟大的演示给你和想法。 – 2013-04-06 22:04:08