本篇文章给大家分享一个使用jQuery实现的图片画廊效果,一款简单实用的jQuery图片画廊插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
图片画廊
看一下效果图:
点击图片时:
使用
使用也是很简单,代码如下:
其中id为photoGallery-container的容器内存放自己想要展示的图片组,每个img都有一个.photoGallery的类和三个自定义的data-属性,分别是:
.photoGallery : 定义缩略图的样式,标识此图片是展示图片之一
src : 定义缩略图对应大图的路径
data-id : 定义图片的id
data-desc : 定义图片的描述
所以,这要满足以上四个很简单的条件,那么就能很轻松的使用了(PS:IE6不兼容)
github下载地址:https://github.com/JR93/photoGallery本文转载自:https://www.cnblogs.com/jr1993/p/4695670.html
想要了解更多前端知识,可访问 前端开发学习!!