blog

Functional slider

shuffle effect

+Get the code 
<div id="shuffle"> 
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
</div>

zoom effect

+Get the code 
<div id="zoom"> 
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
</div>

fade effect

+Get the code 
<div id="fade"> 
  <img src="images/small_pic3.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
</div>

curtainX effect

+Get the code 
<div id="curtainX"> 
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
</div>

scrollDown effect

+Get the code 
<div id="scrollDown"> 
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
</div>

with controls

+Get the code 
<div id="fade_nav"> 
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
</div>

multi effects

+Get the code 
<div id="multi_effects"> 
  <img src="images/small_pic4.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic2.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic1.jpg" alt="" title="Nice Horsy"  />
  <img src="images/small_pic3.jpg" alt="" title="Nice Horsy"  />
</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>

Login form