Functional slider

shuffle effect

+Get the code

<div id="shuffle"> 
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
  <img src="images/small_pic1.png" alt="" >
</div>

zoom effect

+Get the code

<div id="zoom"> 
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
  <img src="images/small_pic1.png" alt="" >
</div>

fade effect

+Get the code

<div id="fade"> 
  <img src="images/small_pic3.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
  <img src="images/small_pic1.png" alt="" >
</div>

curtainX effect

+Get the code

<div id="curtainX"> 
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
  <img src="images/small_pic1.png" alt="" >
</div>

scrollDown effect

+Get the code

<div id="scrollDown"> 
  <img src="images/small_pic1.png" alt="" >
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
</div>

with controls

Prev Next

+Get the code

<div id="fade_nav"> 
  <img src="images/small_pic1.png" alt="" >
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
</div>

multi effects

+Get the code

<div id="multi_effects"> 
  <img src="images/small_pic4.png" alt="" >
  <img src="images/small_pic2.png" alt="" >
  <img src="images/small_pic1.png" alt="" >
  <img src="images/small_pic3.png" alt="" >
</div>

text slider

Cras urna velit, iaculis aliquam mattis eu, pellentesque ut dolor.

Pellentesque nec erat elit, vel sollicitudin mauris. Mauris in elit quis

Curabitur adipiscing mollis dignissim. Nunc sed dolor sem. Donec et imperdiet lorem.

Nam interdum congue massa, sed gravida

Vestibulum interdum elementum purus at sollicitudin.

Ut eget metus justo.

Etiam pellentesque purus nec tortor molestie hendrerit sit amet et lacus.

Ut mauris elit, consequat pulvinar volutpat vel, interdum nec urna.

Praesent volutpat euismod placerat. Ut interdum fermentum nulla, quis ultricies erat interdum sed.

Nullam dictum rhoncus neque, eget dignissim nulla pharetra vel.

Prev Next

+Get the code

<div id="text_slider"> 
  <div>Cras urna velit, iaculis ...</div>
  <div>Curabitur adipiscing mollis...</div>
  <div>...</div>
</div>