ijquery

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

screenshot

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

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

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

<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded () {
	myScroll = new IScroll('#wrapper', {
		scrollX: true,
		scrollY: false,
		momentum: false,
		snap: true,
		snapSpeed: 400,
		keyBindings: true,
		indicators: {
			el: document.getElementById('indicator'),
			resize: false
		}
	});
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
</script>

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

<body onload="loaded()">
<div id="viewport">
	<div id="wrapper">
		<div id="scroller">
			<div class="slide">
				<div class="painting giotto"></div>
			</div>
			<div class="slide">
				<div class="painting leonardo"></div>
			</div>
			<div class="slide">
				<div class="painting gaugin"></div>
			</div>
			<div class="slide">
				<div class="painting warhol"></div>
			</div>
		</div>
	</div>
</div>
<div id="indicator">
	<div id="dotty"></div>
</div>
</body>

 


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

1 دیدگاه دربارهٔ «اسلایدشو با درگ ماوس»

  1. با سلام و خسته نباشید
    من وقتی عکسها رو با عکسهای مورد نظر خودم عوض می کنم چیزی داخل قابها نشون نمی ده و فقط مشکی هستند
    ممنون می شم راهنماییم کنید.

دیدگاه‌ خود را بنویسید

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