راهنمایی در خصوص ساخت اسلایدر با jQuery
سلام دوستان ، بنده باید یک اسلایدر با jQuery آماده بکنم اما یکسری از بخش هاشو با مشکل مواجه شدم ، در صورتی که راهنمایی بکنید خیلی ممنونتون میشم
این موارد رو توش به مشکل خوردم : 1- هر چند ثانیه به صورت خودکار به عکس بعدی بره و در اخر که تصاویر تموم شد به تصویر اول برگرده
2-وقتی موس روی اسلاید میاد ، اسلاید حرکت نکنه و وقتی موس کنار رفت مجددا" به حرکش ادامه بده
3-وقتی سایز عکس ها متفاوت بود همگی رو به یک اندازه نشون بده
فقط یک مورد مهم هم ، مجاز به استفاده از کتابخونه ها و پلاگین های مربوط به جاوا اسکریپ نیستم
پاسخ : راهنمایی در خصوص ساخت اسلایدر با jQuery
سلام
نقل قول:
1- هر چند ثانیه به صورت خودکار به عکس بعدی بره و در اخر که تصاویر تموم شد به تصویر اول برگرده
با استفاده از setTimeout یک تایمر تعریف کنید که بعد از زمان مشخص افکت تصویر مورد نظر رو اجرا کند و بعد از پایان افکت دوباره تایمر رو اجرا کنید
نقل قول:
2-وقتی موس روی اسلاید میاد ، اسلاید حرکت نکنه و وقتی موس کنار رفت مجددا" به حرکش ادامه بده
تایمر تعریف شده در بالا را با استفاده از رویداد mouseout و mouseover متوقف و یا مجددا دوباره اجرا کنید
نقل قول:
3-وقتی سایز عکس ها متفاوت بود همگی رو به یک اندازه نشون بده
با استفاده از css میتونید سایز تصاویر رو فیت کنید
اینجا یک مثال خیلی ساده براتون زدم جزئیاتی مثل لودینگ و افکت های تصاویر و جهت جابجایی و استفاده از کیبورد برای جابجایی و پشتیبانی از تمام مرورگرها و بهینه سازی و موارد دیگر بسیار راحت هست فقط باید کمی وقت صرف کنید
https://codepen.io/h_steam/pen/XPrKgJ
پاسخ : راهنمایی در خصوص ساخت اسلایدر با jQuery
نقل قول:
نوشته اصلی توسط
h_steam
سلام
با استفاده از setTimeout یک تایمر تعریف کنید که بعد از زمان مشخص افکت تصویر مورد نظر رو اجرا کند و بعد از پایان افکت دوباره تایمر رو اجرا کنید
تایمر تعریف شده در بالا را با استفاده از رویداد mouseout و mouseover متوقف و یا مجددا دوباره اجرا کنید
با استفاده از css میتونید سایز تصاویر رو فیت کنید
اینجا یک مثال خیلی ساده براتون زدم جزئیاتی مثل لودینگ و افکت های تصاویر و جهت جابجایی و استفاده از کیبورد برای جابجایی و پشتیبانی از تمام مرورگرها و بهینه سازی و موارد دیگر بسیار راحت هست فقط باید کمی وقت صرف کنید
https://codepen.io/h_steam/pen/XPrKgJ
سلام ، بابت راهنماییتون ممنونم ، لطف کردین