current = (current + 1) % total, 6000)"
@touchstart="touchStartX = $event.touches[0].clientX"
@touchend="let diff = touchStartX - $event.changedTouches[0].clientX; if(diff > 50) next(); else if(diff < -50) prev();">
Öne Çıkanlar
Tümünü Gör → {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', up); };
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
"
@touchstart.prevent="
let bar = $el; let el = scrollEl;
el.style.scrollBehavior = 'auto';
let move = (e) => {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.touches[0].clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; bar.removeEventListener('touchmove', move); bar.removeEventListener('touchend', up); };
bar.addEventListener('touchmove', move);
bar.addEventListener('touchend', up);
">
Modern & Çağdaş Sanat
Tümünü Gör → {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', up); };
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
"
@touchstart.prevent="
let bar = $el; let el = scrollEl;
el.style.scrollBehavior = 'auto';
let move = (e) => {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.touches[0].clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; bar.removeEventListener('touchmove', move); bar.removeEventListener('touchend', up); };
bar.addEventListener('touchmove', move);
bar.addEventListener('touchend', up);
">
Pop Art
Tümünü Gör → {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', up); };
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
"
@touchstart.prevent="
let bar = $el; let el = scrollEl;
el.style.scrollBehavior = 'auto';
let move = (e) => {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.touches[0].clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; bar.removeEventListener('touchmove', move); bar.removeEventListener('touchend', up); };
bar.addEventListener('touchmove', move);
bar.addEventListener('touchend', up);
">
Siyah & Beyaz
Tümünü Gör → {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', up); };
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
"
@touchstart.prevent="
let bar = $el; let el = scrollEl;
el.style.scrollBehavior = 'auto';
let move = (e) => {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.touches[0].clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; bar.removeEventListener('touchmove', move); bar.removeEventListener('touchend', up); };
bar.addEventListener('touchmove', move);
bar.addEventListener('touchend', up);
">
Fotoğraf & Limitli Sanatçı Baskılar
Tümünü Gör → {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', up); };
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
"
@touchstart.prevent="
let bar = $el; let el = scrollEl;
el.style.scrollBehavior = 'auto';
let move = (e) => {
let rect = bar.getBoundingClientRect();
let pct = Math.max(0, Math.min(1, (e.touches[0].clientX - rect.left) / rect.width));
el.scrollLeft = pct * (el.scrollWidth - el.clientWidth);
};
move($event);
let up = () => { el.style.scrollBehavior = 'smooth'; bar.removeEventListener('touchmove', move); bar.removeEventListener('touchend', up); };
bar.addEventListener('touchmove', move);
bar.addEventListener('touchend', up);
">