97视频在线观看视频最新_ 給文章中圖片自動(dòng)加lightbox效果

給文章中圖片自動(dòng)加lightbox效果

前言：
不知道大家有沒(méi)有在網(wǎng)站上用過(guò)Lightbox JS預覽圖片的效果？如果你用過(guò)，是不是經(jīng)常要依次給每個(gè)圖片都加上a標簽以及rel屬性呢，或者要改網(wǎng)站后臺程序代碼呢。
本站這段時(shí)間也拿來(lái)這個(gè)JS特效玩玩，為了不想改動(dòng)原來(lái)博客的代碼，直接把處理頁(yè)面的工作交給客戶(hù)端來(lái)完成，于是就寫(xiě)了這個(gè)東東，和大家一起分享。感謝經(jīng)典論壇會(huì )員awss 的指點(diǎn)。

本站使用效果演示：http://www.1netmedia.net/blog/blogview.asp?logID=604

還有一個(gè)問(wèn)沒(méi)有解決：經(jīng)常由于網(wǎng)速原因或者是Lightbox部分文件沒(méi)有完全載入，而AddImgLink函數已經(jīng)在頁(yè)面上應用了。點(diǎn)擊圖片就只能在本窗口打開(kāi)源圖片而沒(méi)有應用到Lightbox效果，我想的解決辦法是怎么判斷Lightbox相關(guān)代碼已經(jīng)載入完成，最后再應用AddImgLink函數。

轉載請注明出處

JS代碼段
這段JS我還同時(shí)限制了頁(yè)面指定控件內的圖片寬度。

另存代碼提示：您可以先修改部分代碼再運行

Html代碼段

另存代碼提示：您可以先修改部分代碼再運行

lightbox2.02CN源文件下載↓
attachments/month_200706/02_115354_if8mlightbox2.02CN.rar

File: 點(diǎn)擊下載

xionchan Posted at 2007-06-10 11:01:43 PM

思維哥提供了解決辦法：

在頁(yè)面完全加載完后才增加圖片鏈接：

調用：AddLink("ArticleContent");

/*根據不同的瀏覽器類(lèi)型來(lái)執行AddImgLink*/
function AddLink(DivID){
var MSIE=navigator.userAgent.indexOf("MSIE");
var NETS=navigator.userAgent.indexOf("Netscape");
var OPER=navigator.userAgent.indexOf("Opera");
var Safari=navigator.userAgent.indexOf("Safari")
var Camino=navigator.userAgent.indexOf("Camino")
var Mozilla=navigator.userAgent.indexOf("Gecko")
var Firefox=navigator.userAgent.indexOf("Firefox")
var Konqueror=navigator.userAgent.indexOf("Konqueror")
document.writeln(navigator.userAgent);
//alert("opera = " + OPER);
//.. gecko,safari,konqueror,Mozilla/Firefox and 標準瀏覽器
if ( Firefox > -1 || Safari>-1 || Mozilla>-1 || Konqueror>-1){ //Firefox

window.addEventListener("DOMContentLoaded",function(){AddImgLink(DivID);},false);

}else if(MSIE > -1 ){//IE中
//alert("ie");
document.onreadystatechange=fnStartInit;
function fnStartInit()
{
//完全加載完畢后執行
if (document.readyState=="complete"){
try{
window.attachEvent('onload',AddImgLink(DivID));
}
catch(e){
}
}
}
}else if( OPER > -1 ){//Opera
document.addEventListener("load",function(){AddImgLink(DivID);},false);
}
}

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久