Amit Pal Singh DropUP menu

HTML

<body onLoad="slider(),">
	<div class="slider">
		<img id="1" src="IMG/APS IMAGE 1.jpg" border="0" alt="aps khalsa pvt ltd" />
		<img id="2" src="IMG/APS GOKU IMG2.jpg" border="0" alt="sleekode network" />
		<img id="3" src="IMG/APS IMG 3.jpg" border="0" alt="slider information" />
	</div>
	
	<div class="shadow">
	</div>

CSS

<style type="text/css">
.slider {
				width:800px ;
				height:350px ;
				overflow:hidden ;
				margin:30px auto ;
				background-image:url(IMG/load.gif) ;
				background-repeat:no-repeat ;
				background-position:center ;
				}
				
.shadow {	
				background-image:url(IMG/loader.png) ;
				background-repeat:no-repeat ;
				background-position:top ;
				width:864px ;
				height:144px ;
				margin:-60px auto ;
				}
.slider img {
				width:800px ;
				height:350px ;
				display:none;
				}
				
				</style>

JavaScript

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>	
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.18.18/jquery-ui.min.js"></script>			
<script type="text/javascript">


function Slider() {
		$(".slider#1").show("fade",500);
		$(".slider#1").delay(5500).hide ("slide",{direction:'left'},500);
		
		var sc=$(".slider img").size();
		var count=2;
		
		setinterval(function(){
		$(".slider#"+count).show("slide",{direction:'right'},500);
		$(".slider#"+count).delay(5500).hide("slide",{direction ;'left'},500);
		if(count==sc){
		count=1;
		}else{
		count=count+1;
		}
		},6500);
		}