50٪ تخفیف روی تمام دوره‌ها!
پایان تخفیف تا:
مشاهده دوره‌ها
2

چگونه یک Slide اختصاصی بنویسیم ؟

سلام ، من برای وب یک وب سایت اسلایدری نیاز دارم که چند عکس رو نمایش بده و هر عکس لینک باشه به یک صفحه و افکت های جذابی داشته باشه ، نکته از cms استفاده نمی کنم و خودم سایت رو نوشتم

پرسیده شده در 1394/06/21 توسط

4 پاسخ

0

سلام

دوست عزیز من نیز visuallightbox رو پیشنهاد میدم

اگه خواستین ایمیلتونو برام پ.خ کنید.

موفق باشید.

پاسخ در 1394/06/22 توسط
2

سلام و درود

تا اونجایی که میدونم باید به دنبال اسلاید شو های استاتیک باشید که با جی کوئری نوشته شده اند تو سایت های خارجی میتونید دنبالش باشید...

با سرچ کلید واژه های static slideshow یا free jquery slide show میتونی سایت های بیشتری پیدا کنید دوست عزیز

پاسخ در 1394/06/21 توسط
1

سلام

یک راه (فکر می کنم ساده ترین راه) استفاده از bootstrap carousel هست که کد آماده ی آن را می توانید در فایل html تان استفاده کنید :

سلام 
یک راه (فکر می کنم ساده ترین راه) استفاده از bootstrap carousel هست که کد آماده ی آن را می توانید در فایل html تان استفاده کنید :
||http://web.tosinso.com/files/get/b045662c-38ed-4be3-9ae8-02e72d269a5e||
<htm>
<div id=myCarousel class=carousel slide data-ride=carousel>
  <!-- Indicators -->
  <ol class=carousel-indicators>
    <li data-target=#myCarousel data-slide-to=0 class=active></li>
    <li data-target=#myCarousel data-slide-to=1></li>
    <li data-target=#myCarousel data-slide-to=2></li>
    <li data-target=#myCarousel data-slide-to=3></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class=carousel-inner role=listbox>
    <div class=item active>
      <img src=img_chania.jpg alt=Chania>
    </div>

    <div class=item>
      <img src=img_chania2.jpg alt=Chania>
    </div>

    <div class=item>
      <img src=img_flower.jpg alt=Flower>
    </div>

    <div class=item>
      <img src=img_flower2.jpg alt=Flower>
    </div>
  </div>

  <!-- Left and right controls -->
<a class=left carousel-control href=#myCarousel role=button data-slide=prev>
    <span class=glyphicon glyphicon-chevron-left aria-hidden=true></span>
    <span class=sr-only>Previous</span>
 </a>
<a class=right carousel-control href=#myCarousel role=button data-slide=next>
    <span class=glyphicon glyphicon-chevron-right aria-hidden=true></span>
    <span class=sr-only>Next</span>
</a>
</div>
<htm>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img_chania.jpg" alt="Chania">
    </div>

    <div class="item">
      <img src="img_chania2.jpg" alt="Chania">
    </div>

    <div class="item">
      <img src="img_flower.jpg" alt="Flower">
    </div>

    <div class="item">
      <img src="img_flower2.jpg" alt="Flower">
    </div>
  </div>

  <!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
 </a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
</a>
</div>
پاسخ در 1394/06/22 توسط
1

پلاگین JQuery Cycle رو از صفحه وب زیر دانلود کنید و به پروژتون الحاق کنید و به راحتی استفاده کنید. راهنما و دموها هم در همین صفحه هستند.

jQuery Cycle Plugin

پاسخ در 1394/06/22 توسط

پاسخ شما