2号站直属新闻网是为2号站的会员提供2号站测速、2号站登陆等新闻服务。直属客服24小时在线为大家提供信息。2号站站长网为广大网友提供测速、登陆、站长新闻等服务。

设为首页 - 加入收藏
您的当前位置:2号站|2号站测速|2号站登陆|2号站直属|2号站注册|2号站代理|2号站开户 > 2号站平台登陆 > 图片代码 > 正文

强大的支持触摸图片弹出层放大全屏浏览jQuery插件nanoGALLERY 画

来源:未知 编辑:admin 时间:2015-09-02
强大的支持触摸图片弹出层放大全屏浏览jQuery插件nanoGALLERY 画廊
介绍
支持触摸功能,反应灵敏,合理的/级联/网格布局和配套的云存储
级导航缩略图,多种布局,幻灯片,全屏分页图像延迟加载,主题,深度链接,可定制的国际化和他人之间拉动的FlickrPicasa中谷歌+和SmugMug的相册组合的悬停效果


特点
合理的,级联网格布局显示图像画廊
显示缩略图和图像,标题和描述
无数的动画缩略图悬停效果组合都是可能的
易于安装定制
响应布局 - 移动友好 - 支持刷卡
面包屑导航更方便相册
刷卡和键盘快捷键的支持图像幻灯片
照片和相册深层链接
优化支持非常大画廊缩略图延迟加载分页
浏览器的后退/前进导航
忽略不想要的专辑或的photosets按关键字黑名单
在一个页面上的多个画廊
配色方案/主题
国际化支持I18N
佣工自定义扩展


js引用文件
  1. !-- Add jQuery library (mandatory) --> 
  2. <script type= src="third.party/jquery-1.8.2.min.js"></script>  
  3.  
  4. <script type= src="third.party/transit/jquery.transit.min.js"></script>  
  5.  
  6. <script type= src="third.party/hammer.js/hammer.min.js"></script>  
  7.  
  8. "css/nanogallery.css" rel="stylesheet" type="text/css"
  9. <script type= src="jquery.nanogallery.js"></script> 
如果您指定一个主题必须包括相应的css文件

创建一个容器
放了<div>元素在<BODY> HTML页面显示画廊。
  1. <div id="nanoGallery"> 
  2.     <a href="image_01.jpg"  
  3.         data-ngThumb="image_01t.jpg" 
  4.         data-ngDesc="Description1">Image1a> 
  5.     <a href="image_02.jpg"  
  6.         data-ngThumb="image_02t.jpg"  
  7.         data-ngDesc="Description2">Image2a> 
  8.     <a href="image_03.jpg" 
  9.         data-ngThumb="image_03t.jpg" 
  10.         data-ngDesc="Description3">Image3a> 
  11. div> 
  初始化脚本
  1. $(document).ready(function () { 
  2.     jQuery("#nanoGallery1").nanoGallery({ 
  3.         kind:'flickr'
  4.         userID:'34858669@N00' 
  5.     }); 
  6. }); 

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

2号站 提供:2号站注册登录、2号站平台登陆、2号站app联系QQ:716943 邮箱:716943@qq.com

Copyright © 2002-2018 http://cuijiayou.cn 版权所有 Power by 2号站长网

Top
sitemap