Comments on: Phatfusion Image Menu with Mootools

By: Ivorgripe

Ivorgripe — Fri, 18 Mar 2011 16:09:14 +0000

Great script but is there a way to single click on an image and it goes to the url. One click seems to keep the image open and it needs another one for the link to work?

By: Ina Bauer

Ina Bauer — Thu, 20 Jan 2011 14:17:05 +0000

ttp://www.casa-santa-ines.de/lapalma_freizeit.html

By: Ina Bauer

Ina Bauer — Thu, 20 Jan 2011 14:16:27 +0000

ttp://www.casa-santa-ines.de/lapalma_allgemeine_freizeit.html

By: Ina Bauer

Ina Bauer — Thu, 20 Jan 2011 14:15:36 +0000

Found one of my mistakes. Got another! The first had to do with openWidth – the value was too high (imageMenu.js)
But now I encountered another think.

I want to jump within the page via the menu and anchor points f.i. #surfen or #reiten. Here I get the message:

‘this.elements.0′ ist Null oder kein Objekt
Zeile: 31
Zeichen: 3
Code: 0
URI: http://www.casa-santa-ines.de/scripts/imageMenu.js

What do I need to do? Hope one of you can help! Thanks!

By: Ina Bauer

Ina Bauer — Wed, 19 Jan 2011 15:30:02 +0000

Hey Everybody,

the phatfusion menue is really great and I had used it before, now I wanted to implement it again, but it doesn’t work properly. Where is the bug – I searched all day.
Can you help? http://www.casa-santa-ines.de/lapalma_allgemeine_test.html
Thank you very much in advance, Ina

By: Ralph

Ralph — Tue, 11 Jan 2011 22:22:49 +0000

This is a very useful menu and very stylish as well. I’m a big fan of mootools myself. Thanks for sharing.

By: Vicki Stull

Vicki Stull — Sat, 06 Nov 2010 01:25:28 +0000

Help! I love this menu and have it working to bring up 4 different galleries. However, I hate the galleries. What I really want to do is when I click on the first image I want it to go to another instance of image menu with new pictures which will slide open but which will return to home when clicked, so the menu itself witll serve as a 4 or 5 picture gallery.

My problem is that when I change the images in the imagemenu.css it changes the images for every instance of the menu that I am using. Is there another place to change the images instead of changing them in the background of the css, or is there a way to create a different CSS for every instance. I am a newby at this. (old person experience in things like Fortran and Cobal and RPG but new to Dreamweaver and CSS and Java Script) Help I am tearing my hair out.

By: wervil

wervil — Wed, 01 Sep 2010 07:37:14 +0000

Wondering if one can use pngs in this image menu and have transparent backgrounds actually work. i found out about this plugin from its integration into a wordpress theme called picture perfect.

having alot of problems with the theme working and trying to customize this thing to have transparent backgrounds, check out the link:

http://musterdman.com/Wordpress/

By: Michele

Michele — Fri, 16 Jul 2010 08:52:15 +0000

the script does not work with me Open: 0
someone has an idea???

By: warrenvt

warrenvt — Wed, 02 Dec 2009 17:27:14 +0000

Hello,
I’m trying to modify the code to take into account 8 images instead of 5 and my images are 630px wide, by 400px in height. The height i have no problem with, but it seems that when I modify either the total lenght of my openWidth from the default 310 to anything larger, the stock width of the over all appllication remains unchanged. I’m sure I’m missing something easy, but not sure exactly what I’m missing.

Here is snippets of my code:

window.addEvent(’domready’, function(){
var myMenu = new ImageMenu($$(’#imageMenu a’),{openWidth:600, open:3, border:2, onOpen:function(e,i){alert(e);}});
});

my style sheet:

#imageMenu {
position: relative;
width: 980px;
height: 400px;
overflow: hidden;
border:1px solid red;
}

#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:50px;
height: 400px;
}

In My javascript:
getOptions: function(){
return {
onOpen: false,
onClose: Class.empty,
openWidth: 630,
transition: Fx.Transitions.quadOut,
duration: 400,
open: null,
border: 0
};
},

this.elements.each(function(el,i){
var w = width;
if(i == this.elements.length-1){
w = width+8
}
obj[i] = {’width’: w};
}.bind(this));

Any help or pointing me in the right direction would be most helpful.

Thanks!