美女视频视频,九九热美女视频

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

2008.01.03

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

前言：
不知道大家有沒(méi)有在網(wǎng)站上用過(guò)Lightbox JS預(yù)覽圖片的效果？如果你用過(guò)，是不是經(jīng)常要依次給每個(gè)圖片都加上a標(biāo)簽以及rel屬性呢，或者要改網(wǎng)站后臺(tái)程序代碼呢。
本站這段時(shí)間也拿來(lái)這個(gè)JS特效玩玩，為了不想改動(dòng)原來(lái)博客的代碼，直接把處理頁(yè)面的工作交給客戶端來(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函數(shù)已經(jīng)在頁(yè)面上應(yīng)用了。點(diǎn)擊圖片就只能在本窗口打開(kāi)源圖片而沒(méi)有應(yīng)用到Lightbox效果，我想的解決辦法是怎么判斷Lightbox相關(guān)代碼已經(jīng)載入完成，最后再應(yīng)用AddImgLink函數(shù)。

轉(zhuǎn)載請(qǐng)注明出處

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

另存代碼提示：您可以先修改部分代碼再運(yùn)行

Html代碼段

另存代碼提示：您可以先修改部分代碼再運(yùn)行

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

File: 點(diǎn)擊下載

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

思維哥提供了解決辦法：

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

調(diào)用：AddLink("ArticleContent");

/*根據(jù)不同的瀏覽器類型來(lái)執(zhí)行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 標(biāo)準(zhǔn) 瀏覽器
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()
{
//完全加載完畢后執(zhí)行
if (document.readyState=="complete"){
try{
window.attachEvent('onload',AddImgLink(DivID));
}
catch(e){
}
}
}
}else if( OPER > -1 ){//Opera
document.addEventListener("load",function(){AddImgLink(DivID);},false);
}
}

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類似文章

根據(jù)判斷瀏覽器類型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼

JS判斷IE,FF等瀏覽器類型

ajax相關(guān)代碼錦集

網(wǎng)頁(yè)關(guān)閉（解決window.close在火狐下不兼容問(wèn)題）

區(qū)分ie opera chrome firefox safari 瀏覽器的方法

瀏覽器兼容 – 事件兼容(1): 鼠標(biāo)滾輪事件的firefox兼容

更多類似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看