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!

Thanx for the great code!

Just add “open:0″ and will open by default the first image, for other images or menus just replace the number with the ID of that menu. following the exact code: window.addEvent ( ‘domready’, function () (
var = new myMenu ImageMenu ($$(’# imageMenu a ‘), (openWidth: 400, border: 2, open: 3, onOpen: function (e, i) (window.location = (e );}});
));
The above code will open the 4th menu

Hello from ITALY

I try with, where #open is id of item to open.
but doesn’t work, any idea ? thanks

var myMenu = new ImageMenu($$(’#imageMenu a’),{openWidth:310, open:’#open’,border:5, onOpen:function(e,i){alert(e);}});

Remove the onOpen option in the initialize script:

var myMenu = new ImageMenu($$(’#imageMenu a’),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});

to

var myMenu = new ImageMenu($$(’#imageMenu a’),{openWidth:310, border:2});

I’ve gotten the links to work from page to page, but the Slider now doesn’t work? any suggestions

I love the menu. It looks great. Im having trouble figuring out how to add more items to it in case you want more than five pics. Is this possible?

Nick

The work-in-progress page (a replacement for their present Home Page) is here: http://www.tampabayhistorycenter.org/homeimagemenu1.html; I
can’t get the images to the far left of the div, and I can’t get the
imagemenu to open on “visit” as I’ve indicated in the code. [Disclaimer: I haven't yet implemented any of the suggestions here.] To say nothing of being unable to get the images to “slide” as they should on rollover. The links on each image work, but that’s all. And, regrettably, I’ve worked and re-worked it so many times that it’s a bit of a mess and I’m not sure where to start to fix it. (In fact, I’m embarrassed to share it here, but I’m desperate!)

Any thoughts?

Thanks,
Bill

VERY SIMPLE SOLUTION

In your xhtml document, locate the window.addEvent javascript code immediately under the menu code (in your page ):

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

And delete the following:

, onOpen:function(e,i){alert(e);}

DO NOT miss the comma at the start ;o)

You are left with the following:

window.addEvent(’domready’, function(){
var myMenu = new ImageMenu($$(’#imageMenu a’),{openWidth:310, border:2});
});

Your links will now work as the alert has been removed

)