发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2018-09-22 01:04
好多天没有发过日志了~
最近写了一个图片浏览器，是为PHPCMS文件管理器设计的，但后来看到了Lightbox，所以就改了一下，可以给一般的网页使用。
演示及说明地址:
使用方法:
1.下载blueshow.js文件，放到服务器上你也可以直接使用这个://
2.在你要用此程序的网页中写上这句(在和之间):
<scriptsrc=
为你放置程序的地址
3.程序可以使用参数比如blueshow.js?lock=1&autorun=1
//说明:
//取值范围为0和1
//lock:表示显示图片时是否锁定原网页
//autorun:是否自动初始化(如果你的网页含有一些比较慢的统计代码强烈建议将此值设置为0)
//如果autorun=0那么请在网页的最后(统计代码之前)加上
<script>BlueShow();</script>
4.符合条件的图片包括:
a.
<ahref=fdsfa.jpg>链接</a>
(指向图片的链接，包括gif,jpg,png,jpeg,bmp,等，具体见blueshow.js。如果图片是动态生成的，比如img.php?id=3那么在后面加上&.gif即可)
b.
<imgclass=blueshowsrc=xxx.gif/>
(class名中含有blueshow字符的img,如果img本来有class属性,那么再原来的class名后加空格再加blueshow即可)
复制代码 代码如下:
<html>
<head>
<title>BlueShowv1.0使用说明--ByLongbill</title>
<style>
a{text-decoration:none;color:#ff3333;}
.red{color:#ff3333}
body{text-align:center;background-image:url(
div{text-align:left;padding:8px;border:1pxsolid#4499ee;margin:5px;width:700px;
font-size:12px;background-color:#d6e9fc;color:#333333;}
img{margin:5px;}
h1{color:#ff8c05;font-size:16px;display:block;margin:2px;padding:0px;}
</style>
</head>
<body>
<divstyle=font-size:24px;color:#3333ee;font-weight:bold;text-align:center;>BlueShowv1.0<astyle=font-size:12px;color:#ff8c05;font-weight:normal;text-decoration:none;href=
<div>
<h1>使用方法:</h1>
1.下载blueshow.js文件，放到服务器上(<ahref=点击这里下载</a>)你也可以直接使用这个:<spanclass=red>
2.在你要用此程序的网页中写上这句(在<body>和</body>之间):<br/>
<spanclass=red><scriptlanguage=javascriptsrc=为你放置程序的地址<br/>
3.程序可以使用参数比如blueshow.js?lock=1&autorun=1<br/>
//说明:<br/>
//取值范围为0和1<br/>
//lock:表示显示图片时是否锁定原网页<br/>
//autorun:是否自动初始化(如果你的网页含有一些比较慢的统计代码强烈建议将此值设置为0)<br/>
//如果autorun=0那么请在网页的最后(统计代码之前)加上<spanclass=red><scriptlanguage=javascript>BlueShow();</script></span>详情见本网页源代码<br/>
4.符合条件的图片包括:<br/>
a.<spanclass=red><ahref=xxxxx.jpg>链接</a></span>(指向图片的链接，包括gif,jpg,png,jpeg,bmp,等，具体见blueshow.js。如果图片是动态生成的，比如img.php?id=3那么在后面加上&.gif即可)<br/>
b.<spanclass=red><imgclass=blueshowsrc=图片地址/></span>(class名中含有blueshow字符的img,如果img本来有class属性,那么再原来的class名后加空格再加blueshow即可)<br/>
<br/>
<astyle=font-size:16px;color:#ff8c05href=到这里讨论</a>
</div>
<div>
链接样例:<br/>
<ahref=宝儿</a>
<ahref=宝儿</a>
<ahref=
<ahref=美女</a>
<ahref=会动的人</a>
</div>
<div>
图片样例:<br/>
<imgclass=blueshowsrc=
<imgclass=blueshowsrc=
<imgclass=blueshowsrc=
</div>
<scriptsrc=
<script>
document.write=function(){returnfalse;}//不让统计代码显示东西
BlueShow();
</script>
文章标题：发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
文章链接：http://soscw.com/index.php/essay/17074.html