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

عکس 360 درجه

با استفاده از این پلاگین می توانید با استفاده از قرار دادن چند عکس ، عکس 360 درجه نمایش دهید

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

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="rollerblade.js"></script>
<link type="text/css" rel="stylesheet" href="rollerblade.css" />

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

<div id="target">
  		<img class="rollerblade-img" src="macbook/front.png" />
</div>
<script type="text/javascript">
$(document).ready(function() {
	$("#target").rollerblade({
		imageArray : [
			 'macbook/front.png',
			 'macbook/front-side-right.png',
			 'macbook/side-right.png',
			 'macbook/back-side-right.png',
			 'macbook/back.png',
			 'macbook/back-side-left.png',
			 'macbook/side-left.png',
			 'macbook/front-side-left.png'
		],
	});
});
</script>

 

4 نظر

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

دانلود و پیش نمایش فایل عکس 360 درجه

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

سوالی دارید؟

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