Berdasarkan kod Jquery untuk menyokong PC dan telefon mudah alih kod tayangan slaid_jquery

Kongsi kod tayangan slaid yang menyokong PC dan telefon mudah alih Ia menyokong sentuhan mudah alih, penukaran seret dan lepas tetikus serta mod main balik automatik dengan bar kemajuan. Gambar rajah hasil silang adalah seperti berikut:

Demonstrasi kesan Muat turun kod sumber

kod html:

<div class="flex">
    <ul class="slides">
      <li data-title="Slide 1">
        <img alt="" src="img/beasts_feature.jpg">
      </li>
      <li data-title="Slide 2">
        <img alt="" src="img/element-taiwan-thmb.jpg">
      </li>
      <li data-title="Slide 3">
        <img alt="" src="img/streets-newyork.jpg">
      </li>
    </ul>
  </div>
  <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="js/jflex.min.js"></script>
  <script type="text/javascript">
    $('.flex').jFlex({
      autoplay: true
    });
  </script>