کد اسلایدر زیبا مخصوص وبلاگها و وبسایت ها این اسلایدر بسیار زیبا سه بعدی بوده و در مقایسه با نوع فلش خود بسیار زیبا تر و کار امد تر می باشد ان را می توانید به عنوان هدر استفاده کنید
در یافت کامل کد در ادامه مطلب
دمو كد اسلايدر3بعدي
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>دمو كد اسلايدر3بعدي</title>
<script type="text/javascript" src="http://www.d1b.ir/java/Slider/scroll/jquery-.1.4.3.min.js"></script>
<script type="text/javascript" src="http://www.d1b.ir/java/Slider/scroll/jquery.carousel.min.js"></script>
<script type="text/javascript">
var carousel;
$(document).ready(function(){
carousel = $('#carousel').carousel({width: 740, height: 200,
itemWidth:200, horizontalRadius:250, verticalRadius:35,
mouseScroll:true, scrollOnClick:false, resize:false, scaleRatio:0.4,
scrollbar:true, itemClick:onItemClick});
});
function onItemClick(event) {
$.facebox({image:event.data.bigImage});
carousel.stopMouseScroll();}
$(document).bind('afterClose.facebox', function() { carousel.startMouseScroll(); })
</script>
</head>
<body><div id="carousel-container">
<ul id="carousel">
<li><a target='_blank' href="http:/">
<img src="http://www.d1b.ir/java/Slider/scroll/ads.jpg"></a></li>
<li><a target='_blank' href="/">
<img src="http://www.d1b.ir/java/Slider/scroll/img.jpg"></a></li>
<li><a target='_blank' href="http://d1b.ir/">
<img src="http://www.d1b.ir/java/Slider/scroll/ads1.jpg"></a></li>
<li><a target='_blank' href="/">
<img src="http://www.d1b.ir/java/Slider/scroll/img.jpg"></a></li>
<li><a target='_blank' href="/">
<img src="http://www.d1b.ir/java/Slider/scroll/ads.jpg"></a></li>
</ul><script src="http://www.d1b.ir/java/Slider/scroll/set.js"></script></div>
</body>
</html>