ساخت منو با قابلیت اسکرول افقی

- 1 هفته پیش
توسط میلاد آپدیت شد
LoneSoul ( 155 تجربه )
1 هفته پیش

درود.

دوستان میخواستم بدونم چجوری میشه اینجور قسمت ها رو توی وبسایت پیاده کرد.

تصویر

ینی یه سری محصول رو نشون بدی، بعد بشه محصولات رو با کلید جا به جا کرد و یه سری محصول جدید اورد.

ممنون میشم کامل توضیح بدید و یا یه منبع که کامل توضیح داده باشه رو معرفی کنید.

ممنون.

بهترین پاسخ انتخاب شده توسط LoneSoul
Arash Moradi
1 هفته پیش

به این مدل نمایش carousel (چرخ و فلک ) میگن -> برای پیاده سازی carousel
معمولا تو سایت ها از jQuery استفاده می کنن ولی با لایبری های دیگه هم میشه این کار کرد
یک چیز تمیز و آماده و راحت برای پیاده سازی carousel استفاده از فریم ورک Bootstrap است که تو بوت استرپ ما carousel داریم
بوت استرپ را به پروژت اضافه کن و لینک زیر چندین نمونه از carousel با استفاده از بوت استرپ را پیاده سازی کرده و کدهاشو آماده گذاشته برای دانلود فقط کافی تغییرات دلخواه توش بدی

https://bootsnipp.com/tags/carousel

Arash Moradi ( 750 تجربه )
1 هفته پیش

به این مدل نمایش carousel (چرخ و فلک ) میگن -> برای پیاده سازی carousel
معمولا تو سایت ها از jQuery استفاده می کنن ولی با لایبری های دیگه هم میشه این کار کرد
یک چیز تمیز و آماده و راحت برای پیاده سازی carousel استفاده از فریم ورک Bootstrap است که تو بوت استرپ ما carousel داریم
بوت استرپ را به پروژت اضافه کن و لینک زیر چندین نمونه از carousel با استفاده از بوت استرپ را پیاده سازی کرده و کدهاشو آماده گذاشته برای دانلود فقط کافی تغییرات دلخواه توش بدی

https://bootsnipp.com/tags/carousel

میلاد ( 38515 تجربه )
1 هفته پیش

همونطور که دوست مون اشاره فرمودن، به اینها نمایشگرهای چرخشی میگن.
به جز پیشنهاد بالایی، شما می تونید از کتابخانه های دیگه ای هم استفاده کنید که من در پایین براتون قرار میدم.
ولی باید توجه داشته باشید که این کتابخانه ها یک ساختار اولیه به شما میدن، بعدش شما باید با کدنویسی html, css عناصر خاص خودتون رو ساختاردهی کنید و درون این ساختار اولیه جای بدین.

lightgallery و lightslider
http://sachinchoolur.github.io/lightslider/
http://sachinchoolur.github.io/lightGallery/

owl.carousel
https://owlcarousel2.github.io/OwlCarousel2/

slippry
http://slippry.com/

برای ارسال پاسخ باید وارد سایت شوید