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

اسلایدشو با درگ ماوس

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

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

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

  <link rel="stylesheet" href="css/pure-nr-min.css" />
  <link rel="stylesheet" href="css/style.css" />
  <script src="js/raf.js"></script>
  <script src="coverflow.js"></script>

2-  کد html جهت استفاده پلاگین

  <div class="pure-g cover" id="content">
      <img id="0" src="images/logo.png" />
      <img id="1" src="images/logo.png" />
      <img id="2" src="images/logo.png" />
      <img id="3" src="images/logo.png" />
      <img id="4" src="images/logo.png" />
      <img id="5" src="images/logo.png" />
      <img id="6" src="images/logo.png" />
      <img id="7" src="images/logo.png" />
      <img id="8" src="images/logo.png" />
  </div>
  <div id="stash"></div>

5 نظر

  • سلام
    اولا از سایت خوبتون متشکرم.
    ثانیا برای من درباره استفاده از این کد سوالی پیش اومده و اون هم اینه که ما اگر بخواهیم این اسلایدر در هدر سایتمان باشد ؛ در کجای کد سایتمان باید آن را بنویسیم؟
    ثالثا اگر میشود طرز استفاده از این اسلاید شو را کاملا توضیح دهید.
    با تشکر.

    • سلام khashayar جان
      ممنون
      قسمت اول رو داخل تگ head قرار میدی و قسمت دوم رو هم داخل تگ body
      طرز کارشم کلیک چپ ماوس رو نگه می داری و به سمت چپ یا راست می بری

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

دانلود و پیش نمایش فایل اسلایدشو با درگ ماوس

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

سوالی دارید؟

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