亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

對 lightbox JS 圖片控件進行了一下改造, 使其他支持復雜的圖片說

2024-05-06 14:10:55
字體：大 中 小
來源：轉載
供稿：網友
修改的 lightbox 版本是 2.04 版。
下面是使用我們在使用 lightbox 來顯示圖片時的基本設置：
代碼如下:
<a href="image-url" rel="lightbox" title="image-remark">
　　content
</a>

主要是給連接加了一個 rel="lightbox" 屬性
以上面的試設置好連接時， 當點擊此連接，lightbox 將會顯示連接上的圖片，并使用連接的 title 屬性作為圖片的說明，如果要為圖片添加詳細的圖片說明，并為圖片的說明設置一些格式，如字體的大小、顏色等，那么使用 title 這個屬性來設置這些說明信息是沒辦法實現的。
由于客戶一定要此功能，所以只好去查看 lightbox 的源代碼，檢查是否可以對其進行改造，以滿足這個需要，幸運的是 lightbox 主要的代碼量不是很大，而且可以對其進行一個小小的修改，就可以滿足這個需要，主要是對 prototype.js 這個JS 框架不太熟悉。
以下是修改的過程 ：
打開 lightbox.js 文件，原 218 行的代碼為：
this.imageArray.push([imageLink.href, imageLink.title]);
可以看到這里是直接讀取連接對象的 title 屬性，所以我們只需要把 imageLink.title 改一下就可以了：
this.imageArray.push([imageLink.href, document.getElementById(imageLink.contentId).innerHTML]);

把 imageLink.title 改成了 document.getElementById(imageLink.contentId).innerHTML 了;
從這一句可以看出來，我們需要為連接對象設置一個 contentId 屬性，這個屬性的值是某個 DOM 元素的 ID 號，圖片的說明就是此元素的內容了。
修改完之后就可以在 HTML 這樣設置圖片說明了：
代碼如下:
<a href="image-url" rel="lightbox" contentId="imgDesc" title="image">
　　<div id="imgDesc" style="display:none">description</div>
　　content
</a>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲欧美综合区自拍另类| 国产97免费视| 日韩精品久久久久久久玫瑰园| 亚洲国产成人在线视频| 91免费视频国产| 亚洲丝袜一区在线| 欧美日韩中文字幕在线视频| 久久精品99久久香蕉国产色戒| 俺去亚洲欧洲欧美日韩| 国产精品欧美亚洲777777| 97碰碰碰免费色视频| 国产精品久久97| 欧美黄色三级网站| 国产激情视频一区| 2023亚洲男人天堂| 日韩大陆欧美高清视频区| 成人福利网站在线观看11| 亚洲乱码av中文一区二区| 国外日韩电影在线观看| 亚洲一区第一页| 狠狠躁夜夜躁人人躁婷婷91| 懂色av影视一区二区三区| 日韩在线免费视频观看| 日韩电影第一页| 蜜月aⅴ免费一区二区三区| 精品人伦一区二区三区蜜桃免费| 久久久爽爽爽美女图片| 综合激情国产一区| 成人a在线视频| 69av视频在线播放| 欧美乱大交做爰xxxⅹ性3| 亚洲精品久久久久久下一站| 久久国产精品电影| 68精品国产免费久久久久久婷婷| 欧美性猛交xxxx乱大交| 日韩亚洲一区二区| 久99久在线视频| 在线免费看av不卡| 欧亚精品中文字幕| 国产欧美一区二区| 成人性生交大片免费看视频直播| 精品久久久久久久大神国产| 91精品在线观| 成人欧美一区二区三区在线湿哒哒| 亚洲欧美日韩另类| 亚洲一区二区三区乱码aⅴ蜜桃女| 欧美一级电影久久| 亚洲国产精品va在线观看黑人| 亚洲va久久久噜噜噜久久天堂| 91精品久久久久久久久久久久久久| 日韩在线视频导航| 国产成人精品久久| 欧洲精品毛片网站| 国语自产精品视频在免费| 亚洲另类xxxx| 国产成人97精品免费看片| 欧美日韩在线视频首页| 日韩电影在线观看中文字幕| 国内外成人免费激情在线视频网站| 日韩欧美精品网址| 欧美一级电影免费在线观看| 久久国产精品久久久久久久久久| 色吧影院999| 亚洲精品美女在线| 国产日韩在线免费| 国产精品久久久久久久久久99| 国产一区二区黑人欧美xxxx| 午夜精品www| 国产精品高清在线观看| 尤物九九久久国产精品的特点| 国色天香2019中文字幕在线观看| 尤物yw午夜国产精品视频| 欧美做受高潮电影o| 亚洲午夜国产成人av电影男同| 91视频88av| 日韩欧美在线视频观看| 日韩在线观看av| 第一福利永久视频精品| 色诱女教师一区二区三区| 中文字幕综合在线| 欧美日韩一区二区免费视频| 久久99久久99精品免观看粉嫩| 国产亚洲精品综合一区91| 日韩精品在线视频美女| 国产欧美欧洲在线观看| 91精品在线观| 久久亚洲成人精品| 91av在线国产| 狠狠躁夜夜躁人人爽超碰91| 91精品国产91久久久久久吃药| 伊人久久久久久久久久| 成人网在线免费观看| 日韩精品有码在线观看| 国产欧美一区二区| 欧美精品午夜视频| 欧美色另类天堂2015| 日韩亚洲欧美成人| 亚洲欧美色婷婷| 欧洲美女免费图片一区| 国产精品国产三级国产专播精品人| 久久人体大胆视频| 在线观看精品国产视频| 日韩在线观看电影| 色哟哟入口国产精品| 日韩美女免费视频| 日韩视频一区在线| 国内伊人久久久久久网站视频| 亚洲a在线播放| 在线看福利67194| 亚洲a在线播放| 国产专区精品视频| 中文字幕欧美日韩| 91欧美精品成人综合在线观看| 日韩av网站电影| 日韩va亚洲va欧洲va国产| 亚洲精品久久7777777| 伊人久久免费视频| 日韩av日韩在线观看| 久久久久久国产三级电影| 国产91|九色| 高清欧美电影在线| 欧美午夜影院在线视频| 国产精品v日韩精品| 欧美激情xxxx| 日韩在线观看av| 国产一区二区在线免费视频| 亚洲淫片在线视频| 欧美野外猛男的大粗鳮| 日韩av在线影院| 亚洲国产精品999| 日韩女优人人人人射在线视频| 一本色道久久88综合日韩精品| 国产欧美日韩精品丝袜高跟鞋| 欧美精品福利视频| 国产成人avxxxxx在线看| 亚洲性猛交xxxxwww| 中文字幕日本欧美| 北条麻妃在线一区二区| 久久久久国产视频| 亚洲福利视频二区| 日韩欧美在线观看| 久久理论片午夜琪琪电影网| 日韩在线精品一区| 亚洲精品天天看| 日韩视频精品在线| 亚洲黄色av女优在线观看| 黄网动漫久久久| 欧洲亚洲免费视频| 91精品国产自产在线观看永久| 美日韩精品免费观看视频| 欧美在线视频一区二区| 成人在线视频网| 欧美一区视频在线| 欧美性猛xxx| 亚洲国产精品久久91精品| 久久视频中文字幕| 国产丝袜高跟一区| 91香蕉亚洲精品| 欧美性视频在线| 久久综合免费视频影院| 国产精品午夜国产小视频| 色哟哟网站入口亚洲精品| 自拍亚洲一区欧美另类| 中文.日本.精品|