ijquery

اسلایدشو چرخشی

screenshot

 

اسلایدشویی در ظاهر ساده اما فانتزی برای سایت هایی که به دنبال تنوع و استفاده از امکانات جدید و جالب هستند

آموزش استفاده

  1. قبل از تگ </head> کد زیر را قرار دهید : 
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script src="js/jquery.rotate.js"></script>
    <script src="js/script.js"></script>

     

  2. بعد از <body> کد زیر را قرار دهید :
    <div id="slideShowContainer">
    <div id="slideShow">
    <ul>
    <li><img src="img/photos/1.jpg" width="100%" alt="Fish" /></li>
    <li><img src="img/photos/2.jpg" width="100%" alt="Ancient" /></li>
    <li><img src="img/photos/3.jpg" width="100%" alt="Industry" /></li>
    <li><img src="img/photos/4.jpg" width="100%" alt="Rain" /></li>
    </ul>
    </div>
    <a id="previousLink" href="#">&raquo;</a>
    <a id="nextLink" href="#">&laquo;</a>
    </div>

     


پیش نمایش دانلود فایل پلاگین

2 دیدگاه دربارهٔ «اسلایدشو چرخشی»

  1. سلام
    بسیار عالی
    اما اگه لطف کنید به جای عکس اسلایدر خود اون رو به نمایش بذارید بهتره

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *