Home > Developer > JavaScript
No logs have been sent for many days ~
Recently I wrote an image browser designed for the PHPCMS file manager, but later I saw Lightbox, so I changed it to a normal webpage.
Demo and description address: http://longbill.cn/down/sample/blueshow/index.htm
Usage:
1. Download The blueshow. js file, put it on the server you can also use this: http://www.jb51.net/downtools/blueshow.js
2. Write this sentence (between and) on the webpage you want to use this program ):
<Script src = 'HTTP: // yoursite/blueshow. js'> </script>
Http: // yoursite/blueshow. js
3. Can the program use parameters such as blueshow. js? Lock = 1 & autorun = 1
// Description:
// The value ranges from 0 to 1.
// Lock: whether to lock the original webpage when the image is displayed
// Autorun: whether to initialize automatically (If your webpage contains slow statistics code, we strongly recommend that you set this value to 0)
// If autorun = 0, add
<Script> BlueShow (); </script>
4. images that meet the requirements include:
A.
<A hrefpolic'fdsfa.jpg '> link </a>
(Links to images, including gif, jpg, png, jpeg, bmp, etc. For details, see blueshow. js. If the image is dynamically generated, such as img. php? Id = 3. Add "&.gif" to the back)
B.
(The class name contains the img of the "blueshow" character. If the img has the class attribute, add a space and "blueshow" after the original class name)
Copy codeThe Code is as follows:
<Html>
<Head>
<Title> Blue Show v1.0 instructions -- By Longbill </title>
<Style>
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 ;}
</Style>
</Head>
<Body>
<Div style = "font-size: 24px; color: # 3333ee; font-weight: bold; text-align: center; "> Blue Show v1.0 <a style = 'font-size: 12px; color: # ff8c05; font-weight: normal; text-decoration: none; 'href = 'HTTP: // www.longbill.cn 'target = _ blank> By Longbill </a> </div>
<Div>
<H1> usage: 1. download blueshow. put the js file on the server (<a href = 'HTTP: // longbill.cn/down/blog/blueshow.js' target = _ blank> click here to download it </a>). You can also directly use this: <span class = red> http://longbill.cn/down/blog/blueshow.js </span> <br/>
2. Write this sentence on the webpage you want to use this program (between <body> and </body>): <br/>
<Span class = red> <script language = javascript src = 'HTTP: // yoursite/blueshow. js'> </script> </span> http: // yoursite/blueshow. js: the address for placing the program for you <br/>
3. Can the program use parameters such as blueshow. js? Lock = 1 & autorun = 1 <br/>
// Note: <br/>
// Value range: 0 and 1 <br/>
// Lock: Indicates whether to lock the original webpage when an image is displayed. <br/>
// Autorun: whether to initialize automatically (If your webpage contains slow statistics code, we strongly recommend that you set this value to 0) <br/>
// If autorun = 0, add <span class = red> <script language = javascript> BlueShow () at the end of the page (before the Statistics Code (); </script> </span> For details, see the source code of this page. <br/>
4. images that meet the requirements include: <br/>
A. <span class = red> <a href=xxxxx.jpg> link </a> </span> (links to images, including gif, jpg, png, jpeg, bmp, etc, for details, see blueshow. js. If the image is dynamically generated, such as img. php? Id = 3. Add "&.gif" to the back.) <br/>
B. <span class = red> </span> (the class name contains the img with the "blueshow" character, if the img already has the class attribute, add a space and "blueshow" after the original class Name) <br/>
<Br/>
<A style = 'font-size: 16px; color: # ff8c05 'href = 'HTTP: // longbill.cn/blog/index.php? Id = 54 'target = _ blank> discussed here </a>
</Div>
<Div>
Link example: <br/>
<A href = 'HTTP: // longbill.cn/down/sample/blueshow/images/boa01.jpg'> baoer </a>
<A href = 'HTTP: // longbill.cn/down/sample/blueshow/images/boa06.jpg' title = 'boa !!! '> Baoer </a>
<A href = 'HTTP: // longbill.cn/down/sample/blueshow/images/demo01.jpg'> PLMM </a>
<A href = 'HTTP: // longbill.cn/down/sample/blueshow/images/meinv.jpg'> beauty </a>
<A href = 'HTTP: // longbill.cn/down/sample/blueshow/images/demo02.gif'> contact </a>
</Div>
<Div>
Image example: <br/>
</Div>
<Script src = 'HTTP: // longbill.cn/down/blog/blueshow.js? Lock = 1 & autorun = 0'> </script>
<Script>
Document. write = function () {return false;} // do not let the Statistics Code display anything
BlueShow ();
</Script>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
