nanoGALLERY图片全屏预览-插件特效-ICode联盟

简单使用的图片库jQuery插件。30种动画缩略图悬停效果（可组合）。支持在Flickr和Picasa中/谷歌+相册拉动等等。移动友好和响应。面包屑多级导航。图片显示为可点击的缩略图，这将通过一个动态弹出窗口扩大到全屏幕。支持自定义主题。使用步骤用法简单：< - ！添加jQuery库 - >< - ！添加JSONP插件（只强制的Flickr ，谷歌和Picasa ） - >< - ！添加css - >方法1 ：使用Flickr帐户创建一个容器

调用插件$(document).ready(function () { jQuery("#nanoGallery1").nanoGallery({ kind:'flickr', userID:'34858669@N00' });});方法2 ：使用Picasa的/谷歌+账户创建一个容器

调用插件$(document).ready(function () { jQuery("#nanoGallery2").nanoGallery({ kind:'picasa', userID:'cbrisbois@gmail.com', blackList:'Scrapbook|forhomepage|profil' });});方法3：使用一个图像列表使用HREF属性创建一个容器一个

元素在页面上在要显示在画廊的地方。添加元素到此容器中。每个元素都指向一个图像。

Image1

调用插件$(document).ready(function () { jQuery("#nanoGallery3").nanoGallery();});方法4 ：使用传递给脚本（ API ）的图像列表创建一个容器把

元素在上要显示在画廊的地方。

< / DIV>调用插件使用'项目'参数为图像列表传递给插件。$(document).ready(function () { jQuery("#nanoGallery4").nanoGallery({thumbnailWidth:100,thumbnailHeight:100, items: [ { src: 'demonstration/img_01.jpg', // 图片网址 srct: 'demonstration/img_01t.jpg', // 缩略图链接 title: 'image 1', // 缩略图标题 description : 'image 1 description' // 缩略图描述 }, { src: 'demonstration/img_02.jpg', srct: 'demonstration/img_02t.jpg', title: 'image 2' } ] });});

nanoGALLERY图片全屏预览

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

未经允许不得转载： ICode联盟 » 插件特效 » nanoGALLERY图片全屏预览

猜你喜欢更多»

项目推荐更多»

[开源]基于 Vue、Datav、Echart 框架的数据大屏项目，可自由替换 (1)

[开源]一套企业级微服务框架、微服务能力开放平台，功能强大 (0)

[开源]免费开源的流程设计器，开箱即用，助力流程开发使用更简单 (0)

[开源]MIT开源协议，前后端分离、美观大方后台通配权限管理系统 (1)

[开源]一款终端仿真软件，支持多种后端协议，无依赖跨平台使用 (0)