随着移动端应用的普及,越来越多的网站需要考虑让用户在手机上愉快地浏览图片。为此,jQuery-mobile为我们提供了一些很好的解决方案。其中包括用于实现图片滑动的插件,使得用户在移动端上进行图片浏览更加流畅。
$(document).on("pagecreate",function () { $("#mygallery").unslider({ animation: "fade",arrows: false,keys: false,dots: true }); });
如上代码所示,我们使用了jQuery的unslider插件来实现图片滑动。这个插件非常灵活,可以轻松实现各种想象中的滑动效果。我们只需要在页面创建时,调用上述代码即可。
其中unslider插件的参数可以自由调整以达到我们想要的效果,animation参数指定了滑动的动画方式,可以选择fade或者slide。arrows和keys参数分别指定是否支持方向键和箭头控制滑动。dots参数则指定是否显示slide的点标记。
针对移动端的优化自然也都体现在插件内部。比如,在移动端触摸屏幕进行滑动时,插件会根据滑动的尺度进行相应的页码跳转。在与使用PC上的鼠标滑动相比,这种方式更加符合人们在移动端上的直觉。
值得一提的是,移动端上的一些自适应和手势识别并不能完全适用于所有硬件平台。因此如果我们开发的应用需要为多种设备提供支持,可能还需要不断地根据用户反馈进行调整和优化。jQuery的插件是提供给我们很好的轮子,但我们仍然需要根据项目的实际情况进行针对性的优化。