New Features

There's been some pretty important changes to Slidorion. Here are some of these changes...

  • Allows embedded HTML

  • New random effect (slide, over and all)

  • Easier usability

  • Improved performance

  • Bug fixes; click disabled during transition

Background Image with HTML Text


You can give each individual slide a unique background image, allow for full customisation.



For a cool background effect, check out this demo

New Features

Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Version 1.0 sees some vital changes and bugs fixes. Most important of these is allow HTML content to be displayed within each slide.

Slidorion was created by Ben Holland. Follow me on Twitter

A Simple Image

Slidorion caters for all kinds of content; from HTML to simple images such as this.

Make sure images are the correct size, or give that slide a background to prevent objects behind seeping through.

Check out the next slide to see an example on how to use the transparent background

Background Image w/ HTML

Each slide can be styled individually, giving you the attach to add custom backgrounds and colours to them to make Slidorion exactly what you need it to be.

For a cool background effect, check out this demo

Another Simple Image

Each slide can be styled individually, giving you the attach to add custom backgrounds and colours to them to make Slidorion exactly what you need it to be.

For a cool background effect, check out this demo

Download

 

 

 

The Slidorion

A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.



Basic demo - click to see

Random Effect demo - click to see

Random Slide demo - click to see

Random Overlap demo - click to see

Multiple Slidorion demo - click to see

Effects

fade - click for demo

slideRandom - click for demo

overRandom - click for demo


slideUp

slideRight

slideDown

slideLeft


overUp

overRight

overDown

overLeft

none

Options

autoPlay - Automatically plays the slidorion (boolean)

easing - The easing of the animations (string)

effect - The effect of the animation (string)

first - The first slide to show (the rel of that slide) (string) see above

hoverPause - The slidorion pauses when hovered over (boolean)

interval - The time between each slide (number)

speed - The speed of the animation (number)

controlNav - Show navigation buttons (boolean)

controlNavClass - The class of the navigation control buttons (string)