国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery Lightbox 圖片展示插件使用說明

2019-11-21 00:32:47
字體:
來源:轉載
供稿:網友

一、信息
原作者:Benjamin Arthur Lupton
當前版本:v1.3.7最終版
發布日期:2009年4月25日
項目地址:http://jquery.com/plugins/project/jquerylightbox_bal
翻譯編輯:張鑫旭(zhangxinxu)

二、安裝
在您頁面的頭部head中嵌入如下如下代碼鏈接必須的JavaScript文件。 <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/jquery.lightbox.packed.js"></script>

前面一個JavaScript文件表示JavaScript庫,后面一個是lightbox插件。這里的鏈接路徑根據您的實際情況進行修改。

三、幫助
如果您在使用過程中遇到一些問題無法解決,可以去這里http://plugins.jquery.com/project/issues/jquerylightbox_bal,可能會對您有所幫助。
四、參數

參數名描述參數值
show_helper_text是否顯示一些提示文本,例如“點擊關閉”等true(默認,顯示), false(不顯示)
show_info是否顯示圖片的信息"auto"(默認)- 要鼠標經過才會自動顯示, true - 強制顯示
show_extended_info是否顯示圖片擴展的些信息"auto"(默認)- 要鼠標經過才會自動顯示, true - 強制顯示
download_link是否顯示圖片下載的鏈接true(默認,顯示), false(不顯示)
auto_resize是否在圖片尺寸過大時進行大小限制true(默認,限制), false(不限制)
colorBlend是否支持colorBlend(顏色混合)null(默認)- 僅當colorBlend檢測到時可用, true - 導入colorBlend且使可用, false - 不支持colorBlend
ie6_support是否支持IE6瀏覽器true(默認,支持), false(不支持)
ie6_upgrade是否給IE6用戶顯示升級提示信息true(默認,顯示), false(不顯示)
show_linkback是否顯示右上角的方向鏈接true(默認,顯示), false(不顯示)
auto_scroll如何對滾動進行處理"follow"(默認)- 與用戶一致, "disabled" - 不允許滾動, "ignore" - 忽略滾動(讓lightbox停留在其最初的位置上)
speed每次圖片轉換過渡的時間(毫秒)400(默認), integer(整數)
baseurl要使用的基本路徑用來自動導入需要的文件null(默認)- 自動檢測, string - 要手動添加的基本路徑
filesJavaScript中鏈接調用的一些文件,在這些文件(CSS、圖片等)重命名時使用Children: js.lightbox, js.colorBlend, css.lightbox, images.prev, images.next, images.blank, images.loading
textJavaScript中包含的一些文字,在您要翻譯的時候使用Children: image, of, close, closeInfo, download, help.close, help.interact, about.text, about.title, about.link
keysJavaScript文件中包含的些快捷鍵,在您想重新定義快捷鍵的時候使用Children: close, prev, next
opacity覆蓋背景層的透明度0.9(默認,90%的透明度), 數值
padding圖片四周的padding值null(默認)- 自動檢測, integer - padding的整數值
rel鏈接上要搜尋的rel值,用以應用lightbox效果"lightbox"(默認)- 默認搜尋rel="lightbox", string - 應該搜尋的rel字符串
auto_relify是否對rel進行一個初始化的掃描自動檢測lightboxestrue(默認), false

五、參數的應用
有兩個方法使用這些參數:一是通過js鏈接,而是通過js代碼。例如下面的例子,分別用著兩個方法將JavaScript文件中的反向鏈接隱藏同時將文件中的“圖片”文字改成“照片”。
1. 鏈接修改法
復制代碼 代碼如下:

<script type="text/javascript" src="js/jquery.lightbox.min.js?show_linkback=false&text.image=Photo"></script>

2. 代碼修改法(construct)
復制代碼 代碼如下:

<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>
<script type="text/javascript">
$(function(){
$.Lightbox.construct({
show_linkback: false,
text: {
image: '照片'
}
});
});</script>


在線演示地址 http://demo.VeVB.COm/js/jquery_lightbox/index.html
打包下載地址 //m.survivalescaperooms.com/jiaoben/26042.html
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 郎溪县| 湖北省| 班戈县| 武川县| 南溪县| 奈曼旗| 丰镇市| 华阴市| 鄂伦春自治旗| 庆安县| 丰镇市| 恩平市| 金寨县| 铁岭市| 曲阳县| 威远县| 清水河县| 资源县| 额尔古纳市| 兖州市| 建水县| 桦甸市| 阜平县| 青神县| 手机| 闽清县| 阜新市| 汶上县| 延吉市| 无为县| 宽甸| 宜都市| 盐池县| 石城县| 本溪| 读书| 曲沃县| 新营市| 安塞县| 忻城县| 台中市|