栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

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

使用方法:  
1.下载 blueshow.js 文件,放到服务器上  你也可以直接使用这个: https://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. 
 
 (class名中含有 "blueshow" 字符的img,如果img本来有class属性,那么再原来的class名后加空格再加"blueshow"即可) 
复制代码 代码如下:


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


a { text-decoration:none; color:#ff3333; }
.red { color:#ff3333}
body {text-align:center;background-image:url(http://longbill.cn/down/sample/blueshow/images/gezi.gif)}
div  {text-align:left;padding:8px;border:1px solid #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;}



Blue Show v1.0 By Longbill

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

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

<script language=javascript src='http://yoursite/blueshow.js'></script>  http://yoursite/blueshow.js 为你放置程序的地址

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

  //说明:

  //取值范围为0和1

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

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

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

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

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

  b.<img class="blueshow" src=图片地址 /> (class名中含有 "blueshow" 字符的img,如果img本来有class属性,那么再原来的class名后加空格再加"blueshow"即可)



到这里讨论


链接样例:

宝儿
宝儿
PLMM
美女
会动的人



图片样例:







转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119906.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号