JQuery eislideshow image carousel,
Online instance
Basic demo |
Automatic playback |
Usage
- <Div id = "ei-slider" class = "ei-slider">
- <Ul class = "ei-slider-large">
- <Li>
- <Div class = "ei-title">
- <H2>
- <A href = '# 'target =' _ blank '> accordion menu </a>
- </H2>
- <H3>
- Accordion
- </H3>
- </Div>
- </Li>
- </Ul>
- <Ul class = "ei-slider-thumbs">
- <Li class = "ei-slider-element"> Current </li>
- <Li> <a href = "#"> Slide 1 </a> </li>
- <Li> <a href = "#"> Slide 2 </a> </li>
- <Li> <a href = "#"> Slide 3 </a> </li>
- </Ul>
- </Div>
Copy
- $ (Function (){
- $ ('# Ei-slider'). eislideshow ({
- Easing: 'easeoutexpo ',
- Titleeasing: 'easeoutexpo ',
- Titlespeed: 1200
- });
- });
Detailed description of copy Parameters
Parameters |
Description |
Default Value |
EislideshowAPI Parameters |
Animation |
Animation effect. Sides | center |
Sides |
Autoplay |
Automatic playback |
False |
Slideshow_interval |
Carousel interval, in milliseconds |
3000 |
Speed |
Focus chart sliding animation time |
800 |
Titlespeed |
Title sliding animation time |
800 |
ThumbMaxWidth |
Max thumbnail size |
150 |
Download