添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

xGallerify-响应式jQuery图片画廊插件

时间:2016-06-24      来源:互联网     
特效说明:
xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css">

2、调用JS插件代码:
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery.xgallerify.js" type="text/javascript"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、实例化代码:
<script type="text/javascript">
    var gallery = $('.photos').gallerify({
        margin:10,
        mode:'default',
        lastRow:'adjust'
    });    
</script>
相关特效
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • jwplayer响应式多终端适配视频播放器

    jwplayer响应式多终端适配视频播放器

    一款jwplayer响应式多终端适配视频播放器免费下载,该JS视频插件适用于网页播放视频展示,这里整理了下分享给大家。……
    2016-05-26
  • Bootslider响应式全屏相册特效

    Bootslider响应式全屏相册特效

    一款Bootslider响应式全屏相册特效网页特效下载,该CSS3+jQuery特效适用于PC网站制作,响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。……
    2016-05-25
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery响应式全屏动画菜单网站框架

    jQuery响应式全屏动画菜单网站框架

    一款jQuery响应式全屏动画菜单网站框架,通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常……
    2016-05-22
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22



最新更新特效

设计分享