图片采集图片展示jquery插件
所属分类:幻灯轮播  创作类型:原创  作者:呆猫  发布时间:2018-05-27 15:32:43
718 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属性,一般用不上
相关插件
简单弹框查看图片的jquery

这是一款图片弹窗查看插件,只要简单的设置一个yanImageShow c...

jquery+php图片上传通用插

这是一款基于jquery+php的图片上传插件,可以用在头像,封面上...

功能强大且兼容ie8的jquer

这是一款jquery弹框插件,兼容ie8,非常好用,摒弃了iframe的...

原创jquery瀑布流插件兼容

这是一款基于jquer的瀑布流插件,简单易用,示例中提供了无限...

共有0条评论