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

اسلایدشو ریسپانسیو

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

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

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

    <!--[if lt IE 9]>
    	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
	<link rel="stylesheet" href="css/smoothslides.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>

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

<div class="page">
    <div class="demo">
	<div class="ss-slides">
	    <div class="ss-slide">
	        <img src="images/1.jpg" />
	    </div>
	    <div class="ss-slide" title="؟؟؟؟">
	        <img src="images/2.jpg" />
	    </div>
	    <div class="ss-slide" title="دنیای جی کوئری">
	        <img src="images/3.jpg" />
	    </div>
	    <div class="ss-slide" title="دنیای جی کوئری">
	        <img src="images/4.jpg" />
	    </div>
	</div>
    </div>
</div>
	<script type="text/javascript" src="js/smoothslides.js"></script>

 

نظر دهید

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

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

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

سوالی دارید؟

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