طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

اسلایدشو ساده

اسلایدشویی ساده مناسب برای طراحان وب تا بتونند به راحتی اسلایدر رو با سایت خودشون هماهنگ کنن

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

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

     

  2. بعد از تگ <body> کد زیر را قرار دهید :
    <div id="container">
    <div class="viewer">
    <div class="paging">
    <a href="#" rel="1">1</a>
    <a href="#" rel="2">2</a>
    <a href="#" rel="3">3</a>
    <a href="#" rel="4">4</a>
    </div>
    <div class="slideimages">
    <a href="#"><img src="images/slide-img-1.jpg" alt="" /></a>
    <a href="#"><img src="images/slide-img-2.jpg" alt="" /></a>
    <a href="#"><img src="images/slide-img-3.jpg" alt="" /></a>
    <a href="#"><img src="images/slide-img-4.jpg" alt="" /></a>
    </div>
    </div>
    </div>

     

10 نظر

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

دانلود و پیش نمایش فایل اسلایدشو ساده

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

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)