ホームページ  >  記事  >  ウェブフロントエンド  >  BlueShow v1.0 画像ブラウザ (ライトボックスに類似) をリリース blueshow.js パッケージ download_javascript スキル

BlueShow v1.0 画像ブラウザ (ライトボックスに類似) をリリース blueshow.js パッケージ download_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 19:11:091231ブラウズ

何日もブログを投稿していませんでした~
最近、PHPCMSファイルマネージャー用に設計された画像ブラウザを作成しましたが、Lightboxが表示されたので、一般的なWebページで使用できるように変更しました。

デモと説明のアドレス: http://longbill.cn/down/sample/blueshow/index.htm

使用方法:
1. blueshow.js をダウンロード ファイルをサーバーに置きます。これを直接使用することもできます: http://www.jb51.net/downtools/blueshow.js

2. これを使用したい場合は、プログラム この文を (との間) に書きます:

http://yoursite/blueshow .js はアドレスを配置します。
3. プログラムでは、blueshow.js?lock=1&autorun=1 などのパラメータを使用できます
//説明:
//値の範囲は 0 と 1 です
// lock: 画像を表示するときに元の Web ページをロックするかどうかを示します
//autorun: 自動的に初期化するかどうか (Web ページに遅い統計コードが含まれている場合は、この値を 0 に設定することを強くお勧めします)
//If autorun= 0 次に、
<script>BlueShow();</script>

4. 対象となる画像は次のとおりです。 jpg'>Link
(gif、jpg、png、jpeg、bmp などを含む画像へのリンク。詳細については、blueshow.js を参照してください。画像が動的に生成される場合、たとえば img. php?id=3 の後に「&.gif」を追加します)
b.
クラス名の「blueshow」文字。img に元々クラス属性がある場合は、元のクラス名の後にスペースと「blueshow」を追加します)



コードをコピー コードは次のとおりです:



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> .write = function () { return false;} //統計コードに内容を表示させません<br><br></script>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。