2013-03-01 42 views
1

這張燈箱踢我的屁股。我試圖使用2.51,當我點擊縮略圖時,它只是在另一個頁面上打開大圖而不是lightbox。我不確定我做錯了什麼。我很好奇,如果你知道我錯了什麼地方。我將rel =「lightbox」添加到所有鏈接屬性,但它仍然不起作用。希望你的幫助。這裏是編碼:燈箱2.51不工作。我點擊縮略圖和大圖在新頁面打開

網址:http://www.traydius.com/html/digital_thumb_PAGE4.html

<script src="js/jquery-1.7.2.min.js"></script> 
<script src="js/lightbox.js"></script> 
<link href="css/lightbox.css" rel="stylesheet" /> 

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<link rel="stylesheet" href=" css/lightbox.css" type="text/css" media="screen" /> 
<script type="text/javascript"> 
<!-- 
function MM_swapImgRestore() { //v3.0 
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 
function MM_preloadImages() { //v3.0 
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 

function MM_findObj(n, d) { //v4.01 
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 

function MM_swapImage() { //v3.0 
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
} 
//--> 
</script> 
<style type="text/css"> 
<!-- 
.style1 { 
font-family: "Times New Roman", Times, serif 
} 
    .style4 { 
font-family: "Times New Roman", Times, serif; 
font-weight: bold; 
font-size: 20px; 
} 
.style6 { 
font-size: 20px 
} 
--> 
</style> 
</head> 
+0

你的JS文件沒有被正確調用,請檢查你的控制檯,有6個錯誤。你的HTML文件與javascript文件有關係嗎? – 2013-03-01 18:46:03

+0

在'script'標籤的'src'之後加上'../'。即。 '../ js/prototype.js' – 2013-03-01 18:50:22

+0

我不確定你的問題或告訴我什麼。我不知道什麼檢查我的控制檯意味着什麼,或者我在哪裏做。我不知道要在Dreamweaver中去檢查錯誤。我看了,但我沒有看到一個錯誤檢查器或東西告訴我這一行是不正確的。至於我的HTML文件去,我基本上有一個文件夾在網站的根目錄與標記爲HTML的文件夾。我所有的html文件都在該文件夾中。我下載的lightbox javascript文件位於標有JS的文件夾的根目錄下。圖像位於標有IMAGES的文件夾的根目錄中。 – Markovaic 2013-03-01 19:37:59

回答

-2

燈箱2.51使用jQuery只有...

擦除這些線路 //腳本類型= 「文/ JavaScript的」 SRC =「JS /prototype.js 「>

//腳本類型=」 文本/ JavaScript的 「SRC = 」JS/scriptaculous.js?負載=效果,助洗劑「>

//腳本類型=」 文本/ JAV ascript 「SRC = 」JS/lightbox.js「>

//鏈接的rel = 」樣式表的「 href =」 CSS/lightbox.css」類型= 「文本/ CSS」 媒體= 「屏幕」/>

0

如果您使用Wordpress,可能是另一個插件或主題的頁腳文件衝突錯誤。

請參閱此鏈接: http://wordpress.org/support/topic/2011-gallery-images-open-in-new-window-not-lightbox?replies=23

  • 的收藏夾可能不會因爲一個固定鏈接問題來出現,進入設置>>固定鏈接和重置您的永久鏈接「文章名稱」,保存修改>清除瀏覽器緩存並重試

  • 插件兼容性問題:轉至插件選項卡並停用所有插件(包括NextGEN)並僅重新激活NextGEN。如果這樣的作品,重新激活所有其他插件一次一個,直到它停止工作再次找到該插件衝突

0

對不起,回答一個檸老話題。 看來,如果您使用WP帖子中的「[gallery link」標籤顯示圖片,則lightbox不會加載圖片。