Home > Web Front-end > JS Tutorial > Release BlueShow v1.0 image browser (similar to lightbox) blueshow.js package download_javascript skills

Release BlueShow v1.0 image browser (similar to lightbox) blueshow.js package download_javascript skills

WBOY
Release: 2016-05-16 19:11:09
Original
1256 people have browsed it

I haven’t posted a blog for many days~
I recently wrote a picture browser, which was designed for the PHPCMS file manager, but then I saw Lightbox, so I changed it so that it can be used for general web pages.

Demo and explanation address: http://longbill.cn/down/sample/blueshow/index.htm

Usage:
1. Download blueshow.js File, put it on the server You can also use this directly: http://www.jb51.net/downtools/blueshow.js

2. If you want to use this program Write this sentence (between and):

http://yoursite/blueshow .js places the address of the program for you
3. The program can use parameters such as blueshow.js?lock=1&autorun=1
//Description:
//The value range is 0 and 1
/ /lock: Indicates whether to lock the original webpage when displaying images
//autorun: whether to automatically initialize (if your webpage contains some slow statistical code, it is strongly recommended to set this value to 0)
//If autorun= 0 Then please add
<script>BlueShow();</script>

4. Eligible pictures include:
a.
Link
(Links to pictures, including gif, jpg, png, jpeg, bmp, etc., see blueshow.js for details. If the picture It is dynamically generated, for example img.php?id=3 then add "&.gif" at the end)
b.

(If the img contains the "blueshow" character in its class name, if the img originally has a class attribute, then add a space and "blueshow" after the original class name)

Copy code The code is as follows:



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. (class名中含有 "blueshow" 字符的img,如果img本来有class属性,那么再原来的class名后加空格再加"blueshow"即可)



到这里讨论




图片样例:

Google
Google!!!!
Gooooooogle!!!!!


<script> <br>document .write = function () { return false;} //Do not let the statistics code display things<br>BlueShow(); <br></script>
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template