کدهای جذاب و دیدنی ( Wavescroll ) : اسلایدر تمام صفحه با افکت موجی زیبا

- visibility ۴ mode_comment

در این قسمت میخوام یک کد ( Wavescroll ) جالب رو در اختیارتون بزارم.

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

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

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
zst zst

سلام.ممنون از اسلایدر زیباتون..با تغییر کدام قسمت کد میتونم بطور خودکار صفحات را عوض کنم؟ن با کلیک کردن و درگ کردن…

محمد اسفندیاری

سلام دوست عزیز خواهش میکنم
ببینید از توابعی که وجود داره باید برای اینکار استفاده کنید و از setInterval استفاده کرده و هر چند لحظه یکبار توابع رو صدا بزنید
مثلا تصویر زیر رو ببینید:
https://s.7Learn.com/uploads/2017/08/interval.png
همونطور که مشخص کردم یک کد به انتها اضافه کردم و هر 3 ثانیه یکبار تابع مورد نظر رو صدا زدم…با اینکار اسلایدها یکی یکی عوض میشن تا به آخر برسند
اما مشکلی که وجود داره اینه که این اسلایدر جوری طراحی شده که از انتها دوباره به ابتدا برنمی گرده و باید خودتون این مورد رو بهش اضافه کنید
موفق باشید

zst zst

تشکر از جواب سریعتون.

محمد اسفندیاری

خواهش میکنم موفق باشید

نیاز به لاگین

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