راهنمایی در خصوص ساخت اسلایدر با jQuery

[fariborz007]

سلام دوستان ، بنده باید یک اسلایدر با jQuery آماده بکنم اما یکسری از بخش هاشو با مشکل مواجه شدم ، در صورتی که راهنمایی بکنید خیلی ممنونتون میشم


این موارد رو توش به مشکل خوردم : 1- هر چند ثانیه به صورت خودکار به عکس بعدی بره و در اخر که تصاویر تموم شد به تصویر اول برگرده


2-وقتی موس روی اسلاید میاد ، اسلاید حرکت نکنه و وقتی موس کنار رفت مجددا" به حرکش ادامه بده


3-وقتی سایز عکس ها متفاوت بود همگی رو به یک اندازه نشون بده


فقط یک مورد مهم هم ، مجاز به استفاده از کتابخونه ها و پلاگین های مربوط به جاوا اسکریپ نیستم

[h_steam]

سلام

1- هر چند ثانیه به صورت خودکار به عکس بعدی بره و در اخر که تصاویر تموم شد به تصویر اول برگرده

با استفاده از setTimeout یک تایمر تعریف کنید که بعد از زمان مشخص افکت تصویر مورد نظر رو اجرا کند و بعد از پایان افکت دوباره تایمر رو اجرا کنید

2-وقتی موس روی اسلاید میاد ، اسلاید حرکت نکنه و وقتی موس کنار رفت مجددا" به حرکش ادامه بده

تایمر تعریف شده در بالا را با استفاده از رویداد mouseout و mouseover متوقف و یا مجددا دوباره اجرا کنید

3-وقتی سایز عکس ها متفاوت بود همگی رو به یک اندازه نشون بده

با استفاده از css میتونید سایز تصاویر رو فیت کنید


اینجا یک مثال خیلی ساده براتون زدم جزئیاتی مثل لودینگ و افکت های تصاویر و جهت جابجایی و استفاده از کیبورد برای جابجایی و پشتیبانی از تمام مرورگرها و بهینه سازی و موارد دیگر بسیار راحت هست فقط باید کمی وقت صرف کنید
https://codepen.io/h_steam/pen/XPrKgJ

[fariborz007]

سلام


با استفاده از setTimeout یک تایمر تعریف کنید که بعد از زمان مشخص افکت تصویر مورد نظر رو اجرا کند و بعد از پایان افکت دوباره تایمر رو اجرا کنید



تایمر تعریف شده در بالا را با استفاده از رویداد mouseout و mouseover متوقف و یا مجددا دوباره اجرا کنید


با استفاده از css میتونید سایز تصاویر رو فیت کنید


اینجا یک مثال خیلی ساده براتون زدم جزئیاتی مثل لودینگ و افکت های تصاویر و جهت جابجایی و استفاده از کیبورد برای جابجایی و پشتیبانی از تمام مرورگرها و بهینه سازی و موارد دیگر بسیار راحت هست فقط باید کمی وقت صرف کنید
https://codepen.io/h_steam/pen/XPrKgJ

سلام ، بابت راهنماییتون ممنونم ، لطف کردین