欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧

程序员文章站 2024-01-24 13:01:46
...
好多天没有发过日志了~
最近写了一个图片浏览器,是为PHPCMS文件管理器设计的,但后来看到了Lightbox,所以就改了一下,可以给一般的网页使用。

演示及说明地址: http://longbill.cn/down/sample/blueshow/index.htm

使用方法:
1.下载 blueshow.js 文件,放到服务器上 你也可以直接使用这个: http://www.jb51.net/downtools/blueshow.js

2.在你要用此程序的网页中写上这句(在和之间):

http://yoursite/blueshow.js 为你放置程序的地址
3.程序可以使用参数 比如 blueshow.js?lock=1&autorun=1
//说明:
//取值范围为0和1
//lock:表示显示图片时是否锁定原网页
//autorun: 是否自动初始化(如果你的网页含有一些比较慢的统计代码强烈建议将此值设置为0)
//如果autorun=0那么请在网页的最后(统计代码之前)加上


4.符合条件的图片包括:
a.
链接
(指向图片的链接,包括gif,jpg,png,jpeg,bmp,等,具体见blueshow.js。 如果图片是动态生成的,比如 img.php?id=3 那么在后面加上 "&.gif" 即可)
b.
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧
(class名中含有 "blueshow" 字符的img,如果img本来有class属性,那么再原来的class名后加空格再加"blueshow"即可)
复制代码 代码如下:



Blue Show v1.0 使用说明 -- By Longbill




Blue Show v1.0 By Longbill


使用方法:


1.下载 blueshow.js 文件,放到服务器上 (点击这里下载) 你也可以直接使用这个: http://longbill.cn/down/blog/blueshow.js

2.在你要用此程序的网页中写上这句(在和之间):

http://yoursite/blueshow.js 为你放置程序的地址

3.程序可以使用参数 比如 blueshow.js?lock=1&autorun=1

//说明:

//取值范围为0和1

//lock:表示显示图片时是否锁定原网页

//autorun: 是否自动初始化(如果你的网页含有一些比较慢的统计代码强烈建议将此值设置为0)

//如果autorun=0那么请在网页的最后(统计代码之前)加上 详情见本网页源代码

4.符合条件的图片包括:

a.链接(指向图片的链接,包括gif,jpg,png,jpeg,bmp,等,具体见blueshow.js。 如果图片是动态生成的,比如 img.php?id=3 那么在后面加上 "&.gif" 即可)

b.发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧 (class名中含有 "blueshow" 字符的img,如果img本来有class属性,那么再原来的class名后加空格再加"blueshow"即可)



到这里讨论




图片样例:

发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载_javascript技巧