سلام
sudo slider رو دانلود کردم. میخوام از این اسلایدر توی یک سایت html استفاده کنم
Sudo Slider | The most versatile jQuery content slider
اینم راهنمای استفاده:
Sudo Slider | Basic usage
Sudo Slider | Help
این کد رو در تگ head قرار دادم:
این رو هم در فایل css:کد:<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>
این دو کد رو هم در تگ Body گذاشتم:کد:#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; }
کد:<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>
کمک کنید لطفا






