AJAX, Javascript or JQuery Slot Machine like menu

which browser is required for this site? Its not opening in IE8 and FF2

Firefox and IE works fine on my side. I have shortened the URL but you can access it directly at: www.wix.com/hennie79gmailcom/TWALA

I tried this url only

are you still not able to open it?

its showing me 'Loading' for last 5 minutes

It's very quick on my side. Please note that the current website is a flash site, so you would need to have flash player installed for your browser

Okay, i guess i don't have flash on my browser.
Can you post a pic which can explain the working of the menu?

Please see if you can open the following link, as the menu is very similar: http://osc4.template-help.com/wt_28854/menu.swf?button=1

Yes, i can see. Let me see what i can do

It looks like you're trying to mimic flash. This is what I would do, I'm sure there are lots of other ways to do it, too.

You don't need JQuery nor Ajax.

Create your menu as an un-ordered list and set the css for the list items to display: inline with a 1px or so margin. The list items should appear side-by-side as menu tabs.

Include all of your pages in different divs on a single html page but set display: none to hide all but the first page div.

Set the onclick or onmouseup event on each tab of your menu to hide all the page divs then unhide the page div associated with that menu tab. The same onclick or onmouseup function can change the background color of the menu tab.

I've tried to post the code in here several times, but it just disappears. Here's a link to my example.

Dear xmediaman,

I had a look at your example and it does not look like the example at all. Am I missing something?

I think I totally missed the point. I just noticed the "slot machine" reference in the title. I'm not sure you can replicate that type of animation in javascript unless the viewer has a really fast computer. I'm anxious to see what gurvinder372 comes up with.

Hi gurvinder372,

Did you manage to get anything on this?

Thanks in advance!!!

Dear Leakim971,

Thank you for your comment, I have already been to that link (Query-quickie-Slot-machine-navigation) but not sure how I can change it to look like my example site http://goo.gl/JWiqU 

Any other suggestions would be greatly appreciated.

Thanks!!!

You can animate with the jRumble or vibrate plugins

http://plugins.jquery.com/plugin-tags/vibrate

@HendrikWiese: Sorry, i am not able to come up with anything on this.
I guess @leak's solution is the best you can go for

Hi Experts,

As mentioned I have already looked at the link posted by Leakim971 prior to submitting this question. Will any of you be able to modify the code on the link posted by Leak to give me the desired effect??

Please this would be much appreciated.

Thanks!!!

Did not receive a complete solution. So I used completely new buttons. But thanks for the response.