页面图像+文本滑块的最佳插件,Jquery Mobile + Phonegap应用程序

时间:2014-03-27 08:38:24

标签: jquery-mobile cordova flexslider

我想在我的混合应用中插入一个“滑块”。 我需要每个幻灯片包含一个图像和一些文本。我希望它不是一个整页滑块,而是一个部分隐藏的页内滑块,就像亚马逊应用程序一样: enter image description here

哪个是最好的Jquery Mobile + Phonegap友好滑块? (我听说过PhotoswipeSwiperFlexslider,...)

由于

1 个答案:

答案 0 :(得分:2)

我选择了Flexslider V2,它似乎运行良好:http://www.woothemes.com/flexslider/

$(document).on('pageshow','#result-page', function(){
    var suggestionSlider = $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        //slideshow: false,
        itemWidth: 70,
        //itemMargin: 5,
        pausePlay: false,
        touch: true,
        //useCSS : false,
        pauseOnAction: true
    });
var slider = $('.flexslider').data('flexslider');
for (i = 0; i < matched.length; ++i) {
  slider.addSlide('<li><a class="suggestPro" proId="'+matched[i]['id']+'" href="#"><span><img src="images/boards/'+matched[i]['imageName']+'" /></span>'
                +'<p class="flex-caption">'+matched[i]['model']+'</p></a></li>'
                );

        }
        $('.flexslider').resize();

});

然而V2.2在Android手机上滚动不好(触摸水平滚动),任何提示都会被贬值。