ijquery

اسلاید شو حرفه ای (شماره 3)

screenshot

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

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

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

<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/demo2.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/ipresenter.packed.js"></script>
<script>
	$(document).ready(function(){
		$('#ipresenter').iPresenter({
			animSpeed: 1500,
			timer: '360Bar',
			timerDiameter: 60,
			timerStroke: 5,
			timerPadding: 5,
			timerColor: '#000',
			timerBg: '#FFF',
			timerOpacity: 0.4,
			directionNav: false,
			controlNav: true
		});
	});
</script>

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

	<div class="container">
		<div id="ipresenter">
			<div class="step" data-x="0" data-y="0" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="1500" data-y="0" data-rotatex="180" data-easing="easeInOutQuint" data-pausetime="15000" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>

			<div class="step" data-x="3000" data-y="0" data-rotatey="180" data-pausetime="2000" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="4500" data-y="0" data-rotatex="180" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>

			<div class="step" data-x="6000" data-y="0" data-rotate="180" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="7500" data-y="0" data-rotatey="180" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>

			<div class="step" data-x="9000" data-y="0" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="10500" data-y="0" data-rotate="80" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>

			<div class="step" data-x="12000" data-y="0" data-rotatex="180" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="13500" data-y="0" data-rotatey="180" data-scale="0.6" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>

			<div class="step" data-x="15000" data-y="0" data-rotatey="-180" data-thumbnail="img/thumbs/1.jpg">
				<img src="img/photos/1.jpg" />
			</div>

			<div class="step" data-x="16500" data-y="0" data-rotatey="180" data-thumbnail="img/thumbs/2.jpg">
				<img src="img/photos/2.jpg" />
			</div>
		</div>
	</div>

 


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

27 دیدگاه دربارهٔ «اسلاید شو حرفه ای (شماره 3)»

  1. سلام به همه
    من کد جی کوئری برای سیلورلایت نیاز دارم
    منظورم اسلاید شو
    ممکنه ک سیورلایتشم بزارید؟
    خیلی نیاز دارم
    ممنون

  2. سلام. خسته نباشید.

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

    از وقتی زدمش دیگه تبلیغات بلاگفا حذف شده . همونطور که می دونید حذف تبلیغات در بلاگفا ممنوع هست.

    میتونید راهنماییم کنید؟؟؟ لطفا خیلییییییی سریع

  3. سلام مهدی جان خسته نباشی
    اقا من این اسلایدشوها یا هرچی که تو سایت گذاشتی میخوام بذارم تو asp.net ولی هیچ کدوم اجرا نمیشن.اصلا jquery یا java تو asp کار نمیکنه
    مشکل ازچیه؟؟؟
    ممنون کمک کنی

    1. سلام بهار جان
      کد های قسمت اول رو در head قرار بده
      کد های قسمت دوم رو در body قرار بده
      البته اول فایل رو دانلود کن

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

  5. واقعا خسته نباشید دمتون گرم . مطمئن هستم نتیجه کار خیرتون رو خواهید دید.
    فقط میشه بگید چطور میشه عکسها رو از دیتابیس خوند و داخل اسلاید شو نمایش داد؟

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

  7. با سلام و تشکر از مطالب خوبتون
    میخواستم بدونم چطور میشه اندازه اسلاید شو هایی که گذاشتین داخل سایت تغییر داد ؟
    با کدوم فایل و کدوم قسمتش رو دستکاری کنیم ؟

  8. سلام . خسته نباشید. ممنون از کار با ارزشتون. خیلی اسلاید شو قشنگیه. فقط دوست عزیز این اسلاید شو دمو نیست؟ و بعد از یه مدت از کار نمیفته؟

  9. با عرض سلام و خسته نباشید خدمت مدیر سایت,فایل js این کد ها رو از کجا دانلود کنیم؟؟؟
    اگه تو سایتتون دارید لینکشو برامون بذارید.ممنون

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

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