I haven't had a diary for days ~
Recently wrote a picture browser, is designed for the Phpcms file Manager, but later saw the Lightbox, so I changed it, can give the general Web page use.
Demo and description Address: http://longbill.cn/down/sample/blueshow/index.htm
How to use:
1. Download the blueshow.js file and put it on the server you can also use this directly: Http://www.jb51.net/downtools/blueshow.js
2. In the Web page where you want to use this program, write this sentence (in and between):
<script src= ' http://yoursite/blueshow.js ' ></script>
Http://yoursite/blueshow.js for you to place the program address
3. The program can use parameters such as Blueshow.js?lock=1&autorun=1
Description
Values range 0 and 1
Lock: Indicates whether the original page is locked when the picture is displayed
Autorun: Automatically initialize (if your page contains some slow statistics it is strongly recommended that you set this value to 0)
If Autorun=0 then please add the end of the page (before the statistics code)
<script>blueshow ();</script>
4. The eligible images include:
A.
<a href= ' fdsfa.jpg ' > Links </a>
(Point to the link of the picture, including gif,jpg,png,jpeg,bmp, etc., specifically see blueshow.js.) If the picture is dynamically generated, such as img.php?id=3, then add "&.gif" to the back.
B.
(class name contains "Blueshow" Characters of the IMG, if the IMG has class attribute, then the original class name plus space plus "blueshow" can)
Copy Code code as follows:
<title>blue Show v1.0 use 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>
<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>
1. Download blueshow.js files and put them on the server (<a href= ' http://longbill.cn/down/blog/blueshow.js ' target=_blank> click here to download </a> You can also use this directly: <span class=red>http://longbill.cn/down/blog/blueshow.js</span><br/>
2. In the Web page where 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 for you to place the program address <br/>
3. The program can use parameters such as blueshow.js?lock=1&autorun=1<br/>
Description:<br/>
The value range is 0 and 1<br/>
Lock: Indicates whether the original page is locked when the picture is displayed <br/>
Autorun: Automatically initialize (if your page contains some slow statistics it is strongly recommended to set this value to 0) <br/>
If Autorun=0 then please add <span class=red><script language=javascript>blueshow () to the end of the page (before the statistic code) </script ></span> details see this page source code <br/>
4. Eligible images include:<br/>
A.<span class=red><a href=xxxxx.jpg> Link </a></span> (links to pictures, including gif,jpg,png,jpeg,bmp, etc., See Blueshow.js specifically. If the picture is dynamically generated, such as img.php?id=3, then add "&.gif" in the back <br/>
B.<span class=red></span> (the class name contains the "Blueshow" character of the IMG, If the IMG has class attribute, then the original class name plus a space plus "blueshow" can be) <br/>
<br/>
<a style= ' font-size:16px;color: #ff8c05 ' href= ' http://longbill.cn/blog/index.php?id=54 ' target=_blank> here to discuss </a>
</div>
<div>
Link Sample:<br/>
<a href= ' http://longbill.cn/down/sample/blueshow/images/boa01.jpg ' > Bao er </a>
<a href= ' http://longbill.cn/down/sample/blueshow/images/boa06.jpg ' title= ' BOA!!! ' > Bao er </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 ' > will move People </a>
</div>
<div>
Photo Sample:<br/>
</div>
<script src= ' http://longbill.cn/down/blog/blueshow.js?lock=1&autorun=0 ' ></script>
<script>
document.write = function () {return false;}//Don't let the statistic code show Things
Blueshow ();
</script>
