سلام
sudo slider رو دانلود کردم. میخوام از این اسلایدر توی یک سایت html استفاده کنم
Sudo Slider | The most versatile jQuery content slider
اینم راهنمای استفاده:
Sudo Slider | Basic usage
Sudo Slider | Help
این کد رو در تگ head قرار دادم:
کد:
<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.sudoSlider.min.js"></script>
این رو هم در فایل css:
کد:
#slider, slider li {
width:696px;
overflow:hidden;
}
#slider img{
border:none;
}
#slider ul, #slider li{
position:relative;
margin:0;
padding:0;
list-style:none;
display:block;
}
این دو کد رو هم در تگ Body گذاشتم:
کد:
<div id="slider" >
<ul>
<li><img src="../images/01.jpg" alt="image description"/></li>
<li><img src="../images/02.jpg" alt="image description"/></li>
<li><img src="../images/03.jpg" alt="image description"/></li>
<li><img src="../images/04.jpg" alt="image description"/></li>
<li><img src="../images/05.jpg" alt="image description"/></li>
</ul>
</div>
کد:
<script>
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
continuous: true,
history: true,
numericText: ['one','two','three'],
customLink: 'a.tablink',
updateBefore: true,
nextHtml: '<span> next </span>'
});
</script>
ولی اسلایدر کار نمیکنه فقط عکس ها رو توی صفحه زیر هم نشون میده
کمک کنید لطفا