频道导航

jQuery插件实现大图全屏图片相册

2018-12-31 jQuery 前端之家

前端之家收集整理的这篇文章主要介绍了jQuery插件实现大图全屏图片相册，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

大图全屏图片相册jQuery插件，支持左右按钮切换以及点击大图自动切换图片，基于jQuery插件jQuery.album.js，插件支持参数自定义功能，viewmode：0没有缩略图 1有缩略图 2缩略图。全屏幕。可以对图片进行左右转，具体的参数大家可以查看jQuery.album.js文件，总之效果很不错，喜欢的朋友可学习下

代码如下:

"> "> <Meta http-equiv="Content-Language" contect="zh-CN"> 非常不错的JS相册特效<a href="/tag/daima/" target="_blank" class="keywords">代码</a>下载

Box" id="album">

Box" id="thumBox">

上一页"> 下一页">

<div> <img alt="JS相册特效" src="images/tiny/20140121161108.JPG" onload="scaleImage(this,99,75)"></div>
 <p></p>
 <i class="dn">images/20140121161108.JPG</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img src="images/tiny/20140121161130.jpg" onload="scaleImage(this,75)" alt=""></div>
 <p></p>
 <i class="dn">images/20140121161130.jpg</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img src="images/tiny/20140121161152.jpg" onload="scaleImage(this,75)" alt=""></div>
 <p></p>
 <i class="dn">images/20140121161152.jpg</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img src="images/tiny/20140121161231.JPG" onload="scaleImage(this,75)" alt=""></div>
 <p></p>
 <i class="dn">images/20140121161231.JPG</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img alt="JS相册特效" src="images/tiny/20140126134637.jpg" onload="scaleImage(this,75)"></div>
 <p></p>
 <i class="dn">images/20140126134637.jpg</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img alt="JS相册特效" src="images/tiny/20140121181958.jpg" onload="scaleImage(this,75)"></div>
 <p></p>
 <i class="dn">images/20140121181958.jpg</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img alt="JS相册特效" src="images/tiny/20140121182023.jpg" onload="scaleImage(this,75)"></div>
 <p></p>
 <i class="dn">images/20140121182023.jpg</i>
 <i class="dn imgAlt"></i>
 </li>
 <li>
 <div> <img alt="JS相册特效" src="images/tiny/20140121182118.jpg" onload="scaleImage(this,75)"></div>
 <p></p>
 <i class="dn">images/20140121182118.jpg</i>
 <i class="dn imgAlt"></i>
 </li>

猜你在找的jQuery相关文章

《锋利的jQuery》笔记：插件的使用和写法

jQuery插件的种类 1、封装对象方法这种插件是将对象方法封装起来，用于对通过选择器获取的...
作者：前端之家时间：2020-12-28

jQuery插件开发入门

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。入门编写一个jQuery...
作者：前端之家时间：2020-12-28

jquery.roundabout.js实现3D图片层叠旋转木马切换

最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。兼容...
作者：前端之家时间：2020-12-28

jQuery效果之jQuery实现图片的依次加载图片

css代码： js代码：
作者：前端之家时间：2020-12-28

jQuery之deferred对象详解

一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。...
作者：前端之家时间：2020-12-28

jQuery插件开发进阶

jQuery插件开发模式软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能...
作者：前端之家时间：2020-12-28

jQuery 实现邮箱输入自动提示功能：（一）

记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写...
作者：前端之家时间：2020-12-28

jQuery插件之上传文件ajaxfileupload.js源码与使用

在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，...
作者：前端之家时间：2020-12-28

jQuery效果之封装一个文章图片弹出放大效果

首先先搭写一个基本的格式：然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递...
作者：前端之家时间：2020-12-28

《从零开始学习jQuery》：用jQuery操作元素的属性与样式

元素属性和Dom属性简介对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也...
作者：前端之家时间：2020-12-28

编程分类
HTML HTML5 JavaScript CSS jQuery Bootstrap Angularjs TypeScript Vue Dojo Json Electron Node.js extjs Express XML ES6 Ajax Flash Unity React Flex Ant Design Web前端微信小程序微信公众号

最新文章
• 《锋利的jQuery》笔记：插

• jQuery插件开发入门

• jquery.roundabout.js实现

• jQuery效果之jQuery实现图

• jQuery之deferred对象详解

• jQuery 对AMD的支持（Requ

• jQuery插件开发进阶

• jQuery 实现邮箱输入自动提

• jQuery插件之上传文件ajax

• jQuery效果之封装一个文章

热门标签更多 ►
关闭广告单独headers 封装代码提示错误整数正则非0开头跳页出页码 antd table 提示URL未注册公众号支付 vue hash模式 iSlider 车牌键盘循环图片 echarts 双折左右布局 DllPlugin 对象创建打字游戏圈选两栏云函数蒙版 ES2020 橱窗无缝滚动轮播色块碰撞组件销毁文档操作

最近更新
· 重装系统软件怎么保留文件12-02

· 重装系统保留软件：简单教程12-02

· 如何重装系统并保留软件12-02

· 如何重装系统软件并保留数据12-02

· 如何重装系统软件并保留网络设置12-02

· 如何重装台式电脑系统12-02

· 如何重装系统并保留原有软件12-02

· 如何重装Lenovo电脑系统12-02

· 重装系统保留数据：轻松恢复系统，保留重要文件12-02

· 无法正常开机，如何重装系统12-02

好站推荐
菜鸟教程
编程之家
前端之家

商务合作

联系我们

Copyright © 2019 前端之家. 当前版本 V7.0.16
前端之家版权所有闽ICP备13020303号-10