persianboy
February 28th, 2012, 09:53
سلام
sudo slider رو دانلود کردم. میخوام از این اسلایدر توی یک سایت html استفاده کنم
Sudo Slider | The most versatile jQuery content slider (http://webbies.dk/SudoSlider/)
اینم راهنمای استفاده:
Sudo Slider | Basic usage (http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html)
Sudo Slider | Help (http://webbies.dk/SudoSlider/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>
ولی اسلایدر کار نمیکنه فقط عکس ها رو توی صفحه زیر هم نشون میده
کمک کنید لطفا
sudo slider رو دانلود کردم. میخوام از این اسلایدر توی یک سایت html استفاده کنم
Sudo Slider | The most versatile jQuery content slider (http://webbies.dk/SudoSlider/)
اینم راهنمای استفاده:
Sudo Slider | Basic usage (http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html)
Sudo Slider | Help (http://webbies.dk/SudoSlider/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>
ولی اسلایدر کار نمیکنه فقط عکس ها رو توی صفحه زیر هم نشون میده
کمک کنید لطفا