خودتان امتحان کنید

<!DOCTYPE HTML>
<html>
<head>
	
	<script src="jquery.min.js"></script>

<script src="jquery.cycle.all.js"></script>
	
	
    <script src="liteAccordion-master/js/jquery.easing.1.3.js"></script>
	
	<style>
	.pics {  
		height:  232px;  
		width:   232px;  
		padding: 0;  
		margin:  0;  
	} 
	.pics img {  
		padding: 15px;  
		border:  1px solid #ccc;  
		background-color: #eee;  
		width:  200px; 
		height: 200px; 
		top:  0; 
		left: 0 
	}
	</style>
</head>
<body style="direction:rtl">

<div class="pics" id="slider"> 
    <img src="images_cycle/beach1.jpg" width="200" height="200" /> 
    <img src="images_cycle/beach2.jpg" width="200" height="200" /> 
    <img src="images_cycle/beach3.jpg" width="200" height="200" /> 
</div>
<a id="next2" href="#" >بعدی</a>
<a id="prev2" href="#" >قبلی</a>
<script>
$(document).ready(function(){
	$('#slider').cycle({ 
		fx:     'fade', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#next2', 
		prev:   '#prev2'
	});
});
</script>

</body>
</html>

Report a Problem: