به نام خدا

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

پس از دانلود فایلهای پلاگین از اینجا، کد مربوط به اجرای پلاگین ها را بصورت زیر می نویسیم:

<!-- WWW.TARAHSITE.NET -->
<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>

 

سپس در محل مورد نظر در صفحه خود کدهای زیر را که درواقع تصاویر درون اسلاید شو می باشند را وارد می کنیم:

<div id="title" >
<center>
	<h1><a href="http://www.tarahsite.net" > طراح سایت - www.tarahsite.net</a></h1></center>
    <hr/>
    
</div>

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

 

نمایش دمو

 

برای دانلود فایل واردشوید
ورود ثبت نام
برچسب ها :

دیدگاهتان را بنویسید

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

Time limit is exhausted. Please reload CAPTCHA.