کانتینر اسلایدر و پس زمینه/کابینت یاشیل - فراغیب
صفحهای تازه حاوی « <html> <!-- ========================= اسلایدر کابینت یاشیل ========================= --> <section class="yasheel-slider" aria-label="خدمات و محصولات کابینت یاشیل"> <div class="yasheel-hero"> <div class="yasheel-overlay"></div> <div class="yasheel-heading"> <span>طراحی و اجرای کابینت</span> <h2>کابینت یاشیل</h2> <p> طرا...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
| خط ۹۲: | خط ۹۱: | ||
</article> | </article> | ||
<!-- کارت 6 --> | <!-- کارت 6 --> | ||
<article class="yasheel-card"> | <article class="yasheel-card"> | ||
<a href="#" aria-label="طراحی اختصاصی کابینت یاشیل"> | <a href="#" aria-label="طراحی اختصاصی کابینت یاشیل"> | ||
| خط ۱۰۵: | خط ۱۰۴: | ||
</article> | </article> | ||
<!-- کارت 7 --> | <!-- کارت 7 --> | ||
<article class="yasheel-card"> | <article class="yasheel-card"> | ||
<a href="#" aria-label="طراحی اختصاصی کابینت یاشیل"> | <a href="#" aria-label="طراحی اختصاصی کابینت یاشیل"> | ||
| خط ۱۱۷: | خط ۱۱۶: | ||
</a> | </a> | ||
</article> | </article> | ||
</div> | </div> | ||
| خط ۲۴۱: | خط ۲۳۹: | ||
.yasheel-card{ | .yasheel-card{ | ||
flex:0 0 | /* موبایل: یک کارت */ | ||
flex:0 0 100%; | |||
scroll-snap-align:start; | scroll-snap-align:start; | ||
| خط ۴۵۲: | خط ۴۵۱: | ||
function visibleCards(){ | function visibleCards(){ | ||
/* موبایل: یک کارت */ | |||
if(window.innerWidth < 600){ | if(window.innerWidth < 600){ | ||
return | return 1; | ||
} | } | ||
| خط ۵۱۱: | خط ۵۱۱: | ||
const move = getMove(); | const move = getMove(); | ||
track.scrollTo({ | track.scrollTo({ | ||
| خط ۵۹۶: | خط ۵۹۱: | ||
}else{ | }else{ | ||
goToSlide(0); | goToSlide(0); | ||
| خط ۶۲۵: | خط ۶۱۵: | ||
}else{ | }else{ | ||
goToSlide(max); | goToSlide(max); | ||
| خط ۶۳۷: | خط ۶۲۲: | ||
} | } | ||
); | ); | ||
/* ===================================== | |||
حرکت خودکار هر 3 ثانیه | |||
===================================== */ | |||
setInterval(function(){ | |||
const max = maxIndex(); | |||
if(index < max){ | |||
goToSlide(index + 1); | |||
}else{ | |||
goToSlide(0); | |||
} | |||
},3000); | |||
| خط ۶۷۱: | خط ۶۷۷: | ||
} | } | ||
/* | /* در حالت RTL */ | ||
if(difference > 0){ | if(difference > 0){ | ||
نسخهٔ کنونی تا ۱۸ اوت ۲۰۲۶، ساعت ۱۲:۱۸
طراحی و اجرای کابینت
کابینت یاشیل
طراحی مدرن، ساخت کابینت آشپزخانه و اجرای تخصصی با متریال باکیفیت
