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

php中文网

发布： 2016-05-16 19:11:09

原创

1390人浏览过

好多天没有发过日志了~
最近写了一个图片浏览器，是为PHPCMS文件管理器设计的，但后来看到了Lightbox，所以就改了一下，可以给一般的网页使用。

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

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

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

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.在你要用此程序的网页中写上这句(在和之间):

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

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

  //说明:

  //取值范围为0和1

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

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

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

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

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

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