wmh

DEMO:

• Landscapes
• People
• Nature
• Urban
• Abstract

wmh

哦，會不會是 global varible 相衝?
用 Firebug 有沒有看到錯誤訊息呢？

wmh

你說的是用 jQuery BlockUI 嗎：


我這一頁同時用了 BlockUI 看起來是正常的，不過我有用 jQuery.noConflict() 的語法，請參考：
http://jsgears.com/thread-63-1-1.html

wmh

你可以參考範例檔，圖片的高度應該是在 css 內設定的。就依實際的圖片高度設定即可。

wmh

不好意思，因為我看不懂你的發言，可以改用普通話嗎？這樣或許我可以幫幫看～

wmh

喔，可以的，以官方的範例來說，原始的 HTML 結構是 <li> 底下有一層 <a>，因此該連結的位址會被傳入到 function 內的第一個參數，這時如果你需要連去其他網頁，可以用 location.href = e; 去讓網頁轉址。

<script type="text/javascript">
window.addEvent('domready', function(){
  var myMenu = new ImageMenu($$('#imageMenu a'),{
    openWidth:310, border:2, 
    onOpen:function(e, i) {
      location.href = e;
    }
  });
});
</script>

wmh

寬度可透過 CSS 調整喔。

#imageMenu ul li a {
        text-indent: -1000px;
        background:#FFFFFF none repeat scroll 0%;
        border-right: 2px solid #fff;
        cursor:pointer;
        display:block;
        overflow:hidden;
        width:98px;
        height: 200px;
}

wmh

應該都是透過 CSS 調整，試試看改 #imageMenu 的寬度

wmh

回復 26# pzpili

可以試試看用 JavaScript 去改變 #kwick .kwick 的高度。

wmh

回復 26# pzpili

可以試試看用 JavaScript 去改變 #kwick .kwick 的高度，
或是由 server 端送出頁面時，同時送出一份樣式覆蓋原始的高度設定即可。