1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

کد نمایش بنر تصادفی در هر بار رفلش وبلاگ (تبلیغات تصادفی)

شروع موضوع توسط bargezard ‏29/6/13 در انجمن وب هاستینگ

  1. bargezard

    کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏1/12/11
    ارسال ها:
    4,580
    تشکر شده:
    9,041
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    Student
    کد:
    <link rel="stylesheet" type="text/css" href="http://templateland.ir/template/vcp/loox/carousel.css" media="screen"/> 

<link rel="stylesheet" type="text/css" href="http://templateland.ir/template/vcp/loox/index-css.css" media="screen"/> 

<script type="text/javascript" src="http://templateland.ir/template/vcp/loox/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="http://templateland.ir/template/vcp/loox/jquery.carousel.min.js"></script> 
<script type="text/javascript"> 

var carousel; 

$(document).ready(function(){ 
carousel = $('#carousel').carousel({width: 870, height: 200, itemWidth:200, horizontalRadius:420, verticalRadius:50, mouseScroll:true, scrollOnClick:false, resize:false, scaleRatio:0.4, scrollbar:true, itemClick:onItemClick}); 
});	


function onItemClick(event) { 
// open the large image 
$.facebox({image:event.data.bigImage}); 
// disable the mouse scrollgin 
carousel.stopMouseScroll(); 
} 

// when the large image is closed, enable the mouse scrolling 
$(document).bind('afterClose.facebox', function() { carousel.startMouseScroll(); }) 

</script> 

</head> 

<body> 
<div id="wide-wrapper"> 
<div id="carousel-container"> 
<ul id="carousel"> 


<li><a target='_blank' href="http://iranzed.rozblog.com/page/2"><img class="ax" src="http://www.news.rozblog.com/user/Avatar/news/iranzed.jpg"></a></li> 

<li><a target='_blank' href="http://iranzed.rozblog.com/page/2"><img class="ax" src="http://www.news.rozblog.com/user/Avatar/news/iranzed.jpg"></a></li> 

<li><a target='_blank' href="http://iranzed.rozblog.com/page/2"><img class="ax" src="http://www.news.rozblog.com/user/Avatar/news/iranzed.jpg"></a></li> 

<li><a target='_blank' href="http://iranzed.rozblog.com/page/2"><img class="ax" src="http://www.news.rozblog.com/user/Avatar/news/iranzed.jpg"></a></li> 

<li><a target='_blank' href="http://iranzed.rozblog.com/page/2"><img class="ax" src="http://www.news.rozblog.com/user/Avatar/news/iranzed.jpg"></a></li> 


</ul> 
</div></div>
    این کد را در هرجایی که میخواهید اسلایدر به نمایش در بیاد بگذارید ( مثلا در بالای کد قالب )

    خودتون عکس ها و لینک های اسلایدر رو میتونید تغییر بدید

    عکس بزرگ بزارید اسلایدر بزرگ میشه . عکس کوچک مثل دمو بزارید اسلایدر کوچک میشه ​



    [SIZE=large]دموی این اسلایدر[/SIZE]​
     
    bargezard, ‏29/6/13
    #1