图片采集图片展示jquery插件
所属分类:幻灯轮播  创作类型:原创  作者:呆猫  发布时间:2018-05-27 15:32:43
865 36
本站所有插件都是基于jquery或php的,不依赖其他任何框架,可以集成到大部分网站上。如果有问题可以联系技术
QQ:635081743 微信:wangbin676243
Chrome Firefox Safari IE8+
描述:这个一款jquery图片展示原创插件,可以用来展示图集,非常适合做全屏案例展示。

html结构

给一个div,这个div必须有高度和宽度

<style>
  #demo1{
      width: 800px;
      height: 400px;
      margin:auto;
  }

</style>

<div id="demo1">

</div>

js调用

<script src="http://www.yanphp.com/statics/common/js/jquery.js"></script>
<script src="yanPhotos/yanPhotos.min.js"></script>
<script>
    $('#demo1').yanPhotos({
        images:[
            "images/demo1.jpg",
            "images/demo2.jpg",
            "images/demo3.jpg",
            "images/demo4.jpg",
            "images/demo5.jpg",
            "images/demo6.jpg",
            "images/demo7.jpg",
            "images/demo8.jpg",

        ],
        itemNum:15,
        viewPadding:20
    });
</script>

插件参数

images图片数组
itemNum可视图片数量,这个可以控制底部图片的大小
padding图片之间的间距
viewPadding大图的间距
imageClass大图的class属性,一般用不上
相关插件

共有0条评论