[mootools] image menu - 不用Flash達到滑動清單效果. imagemenu, mootools

凱森

無意間在Google 搜索「image Menu」找到的



滿有質感的,要修改也很方便

希望對大家在構置版面的時候會有幫助!
下面是範例網址：

http://www.phatfusion.net/imagemenu/index.htm


download：
http://www.phatfusion.net/imagemenu/imagemenu.zip

wmh

DEMO:

• Landscapes
• People
• Nature
• Urban
• Abstract

terry.lin

老大，我單獨使用這個js是可以作用的，
但是若搭配jquery ui 的 blockUI 時圖片就不會動，但是blockUI還是有作用，
請問有解決的方法嗎？謝謝

wmh

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

terry.lin

原帖由 wmh 於 2009-3-16 19:15 發表
哦，會不會是 global varible 相衝?
用 Firebug 有沒有看到錯誤訊息呢？

有耶，紅色是標記的錯誤行數，如下：
this.elements[0].getStyle is not a function
this.widths.closed = this.elements[0].getStyle('width').toInt();

Exception..."Component returned failure code:0x80040111(NS_ERROR_NOT_AVAILABLE) [nsIChannel.contentType]"
nsresult:"
channel.contentType = "application/vnd.mozilla.maybe.feed";

wmh

你說的是用 jQuery BlockUI 嗎：


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

terry.lin

原帖由 wmh 於 2009-3-17 20:34 發表
你說的是用 jQuery BlockUI 嗎：
[jsg.example]




$j = jQuery.noConflict();
$j(document).ready(function() {
  $j("#demo2").click(function() {
    $j.blockUI({ message: ' 歡迎來到 jsGears.com !滑鼠再點一 ...

謝謝版主，我再試看看！

terry.lin

老大，用了這個語法後果然可以使用了，真是謝謝您！

ronaldy

對不起我是新手,不太懂jquery和mootools,請問我想改圖片的
高度可以怎辨,THX

wmh

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