It to be more like an image slider. There are some coding after the project was complete jQuery plugin.
Example 1
Each slide is 600 x 270 pixels. I've set the width of the accordion to 960 and the slideWidth to 600. The size of the tabs will be calculated automatically. This is probably the best way to fire the accordion.
Example 2
Each slide is 500 x 220 pixels. I've set the width of the accordion to 780 and the tabWidth to 150. The size of the slides will be calculated automatically.
The starting slide is set to 1 (the second slide of slides 0, 1, and 2). The accordion does not auto play. I've also set the accordion to trigger on mouseover.
Example 3
This is probably the most practical example. Each slide has its own class and custom background image. I've set the text inside each of the slides to display only for the class with the open slide. I've also customized the slide class names.
1 comments:
I'm new to HTML and I've been searching for help regarding animated menu. So far, this is the most awesome post I have ever come across. Very straight forward and yet highly informative. Great examples that can be customized almost without effort.
I wonder why there are no previous comments posted here. Probably it's because it's deep in the google search. It deserves to be on top.
You're great Vicky Shinde. Thanks!
Post a Comment