DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Wordpress ThickBox 點擊圖片顯示下一張圖的修改方法
Wordpress ThickBox 點擊圖片顯示下一張圖的修改方法
編輯:關於JavaScript     
以wordpress 3.0.2為例,打開 wp-includes/js/thickbox/thickbox.js,找到以下代碼行:
復制代碼 代碼如下:
jQuery("#TB_window").append("<a href='' id='TB_ImageOff' title='"+thickboxL10n.close+"'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" +

大概在135行,// End Resizing 下面,修改其中的 id='TB_ImageOff' 為 id='TB_nextImage',
然後在該行下面不遠處的if (!(TB_NextHTML === "")){}中添加:
復制代碼 代碼如下:
jQuery("#TB_nextImage").click(goNext);

放在 jQuery("#TB_next").click(goNext); 下一行即可。
更新:

突然發現忘改鏈接的title了,上面的代碼實現了點擊圖片直接查看下一張圖,但是圖片鏈接的title(鼠標放上去那個黃塊)還沒有變,這個很簡單,將

title='"+thickboxL10n.close+"' 改為 title='"+thickboxL10n.next+"' 即可,這樣會讀取語言包來顯示提示,或者你直接寫成字符串也行。效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved