my code stock.com

kayan mini slider

Snippet options

Download: Download snippet as kayan-slider.txt.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<script type="text/javascript"> 
	
	$(document).ready(function(){	
	
	setInterval("kayanslider()",2000);
	});	
	
	a = 0;
	function kayanslider () {
		a++;
		if (a == 1 ) {
			$ ("#kayanslider li:eq(4)").hide("slow") ;
			$ ("#kayanslider li:eq(0)").show("slow") ;
		}else if (a == 2) { 
			$ ("#kayanslider li:eq(0)").hide("slow") ;
			$ ("#kayanslider li:eq(1)").show("slow") ;
		}else if (a == 3) { 
			$ ("#kayanslider li:eq(1)").hide("slow") ;
			$ ("#kayanslider li:eq(2)").show("slow") ;
		}else if (a == 4) { 
			$ ("#kayanslider li:eq(2)").hide("slow") ;
			$ ("#kayanslider li:eq(3)").show("slow") ;
		}else if (a == 5) { 
			$ ("#kayanslider li:eq(3)").hide("slow") ;
			$ ("#kayanslider li:eq(4)").show("slow") ;
		a = 0 ; 
		}
	}
			 
</script> 

<style type="text/css"> 
 
ul,li{margin:0px; padding:0px; list-style-type:none;}
#kayanslider{ margin-bottom:10px;  }
#kayanslider li {display:none;}
 
</style> 
   
   <ul id="kayanslider">			

			<li><img src="http://miova.com.tr/ansa/wp-content/uploads/2011/06/Mustafa_kemal_universitesi_logosu_amblemi.gif" width="165px" height="99px" alt="mustafa kemal üniversitesi" /></li> 

			<li><img src="http://miova.com.tr/ansa/wp-content/uploads/2011/06/416-mutasCarpet.jpg" width="165px" height="99px" alt="gaziantep sanayi odası" /></li> 
    
			<li><img src="http://miova.com.tr/ansa/wp-content/uploads/2011/06/avukat-cengiz-gokcek-devlet-hastanesi-logo.jpg" width="165px" height="99px" alt="devlet hastanesi" /></li> 

			<li><img src="http://miova.com.tr/ansa/wp-content/uploads/2011/06/sahin.jpg" width="165px" height="99px" alt="sahin" /></li> 

			<li><img src="http://miova.com.tr/ansa/wp-content/uploads/2011/06/cocuk.jpg" width="165px" height="99px" alt="gaziantp çocuk hastanesi" /></li> 

                      
		</ul>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.