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

)

getOptions: function()
open: null;

to:
open: 1;

UNFORTUNATELY …

1 opens the SECOND image by default, 2 the third etc.
0 (zero) DOES NOT open the 1st image by default (

The firs image open by default seems to be the most likely choice for most using this property.

Can anyone provide the solution for this, again:

1) Keep menu accordiion functionality as is
EXCEPT
2) The first image is in OPEN mode when the page loads.

This seems to be a trivial solution, but I cannot work it out (not a javascript programmer).

Thanks a bunch peeps, in anticipation…