WATITOTO | Sekejap Memberikan Layanan Terbaik Dan Ramah untuk New Member
WATITOTO TERPERCAYA
|
1876-0LX01893491
Klik untuk Lihat Detail
WATITOTO | Sekejap Memberikan Layanan Terbaik Dan Ramah untuk New Member
WATITOTO TERPERCAYA
|
1876-0LX01893491
Rp. 10.000
WATITOTO | Sekejap Memberikan Layanan Terbaik Dan Ramah untuk New Member
Topi Tanpa Bingkai Futura Wash
Info lebih lanjut Bayar dengan cicilan 0% x 4 sebesar Rp. 799
WATITOTO | Sekejap Memberikan Layanan Terbaik Dan Ramah untuk New Member
Topi Tanpa Bingkai Futura Wash
Info lebih lanjutWATITOTO | Sekejap Memberikan Layanan Terbaik Dan Ramah untuk New Member
WATITOTO adalah situs resmi dengan link alternatif untuk daftar dan login akun mudah, akses cepat tanpa hambatan, aman, terpercaya, dan online 24 jam nonstop. Situs WATITOTO menghadirkan sistem modern yang memudahkan pengguna melakukan WATITOTO login maupun WATITOTO daftar melalui akses utama dan link alternatif resmi dengan performa stabil setiap hari.
Sebagai situs WATITOTO terpercaya, platform ini dirancang agar pengguna bisa mengakses layanan dengan cepat dan nyaman tanpa kendala. WATITOTO LINK RESMI tersedia untuk membantu pengguna tetap terhubung ke situs resmi kapan saja, sehingga proses login dan daftar akun menjadi lebih praktis, aman, dan mudah digunakan di berbagai perangkat.
Dengan tampilan responsif, akses cepat, dan sistem keamanan yang optimal, WATITOTO terus menjadi pilihan pengguna yang mencari situs resmi dengan layanan online 24 jam nonstop. Melalui link alternatif WATITOTO terbaru, semua pengguna dapat menikmati pengalaman akses yang stabil untuk login maupun registrasi akun secara aman dan terpercaya.
' + '
';
$(this).html(img_html);
temp_count++;
}, );
current_img = 1;
});
/* on click on image opened fullscreen toggle zoom */
$(document).on("click", ".fotorama__img--full", function() {
$(this).dblclick();
});
// Zoom the image on clicking on Closer Look
$(".closer-look").on("click", function() {
$(".fotorama__nav__shaft .fotorama__active").click();
});
$(document).on("click", ".fotorama__img--full", function() {
$(this).dblclick();
});
let isZoomed = false;
let activeContainer = null;
function createZoom(container, imgSrc) {
const lens = $('');
const result = $('').css({
"background-image": `url(${imgSrc})`,
display: "block",
});
container.append(lens).append(result);
container.addClass("zoomed");
isZoomed = true;
activeContainer = container;
// Disable fotorama navigation elements when zoomed
$(".fotorama__nav__shaft").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active");
$(".fotorama__arr").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active");
$(".closer-look").hide();
}
function removeZoom(container) {
container.find(".zoom-lens, .zoom-result").remove();
container.removeClass("zoomed");
isZoomed = false;
activeContainer = null;
// Re-enable fotorama navigation elements when zoom is removed
$(".fotorama__nav__shaft").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active");
$(".fotorama__arr").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active");
$(".closer-look").show();
}
function handleZoomMove(e, container) {
const lens = container.find(".zoom-lens");
const result = container.find(".zoom-result");
const touch = e.touches ? e.touches[0] : e;
const offset = container.offset();
const x = touch.pageX - offset.left;
const y = touch.pageY - offset.top;
const lensWidth = lens.width();
const lensHeight = lens.height();
let lensX = x - lensWidth / 2;
let lensY = y - lensHeight / 2;
lensX = Math.max(0, Math.min(lensX, container.width() - lensWidth));
lensY = Math.max(0, Math.min(lensY, container.height() - lensHeight), );
lens.css({
left: `${lensX}px`,
top: `${lensY}px`
});
const percentX = (lensX / container.width()) * 100;
const percentY = (lensY / container.height()) * 100;
result.css("background-position", `${percentX}% ${percentY}%`);
}
function isMobileZoom() {
return window.innerWidth = 1025;
}
if (isDesktop()) {
// Toggle zoom on click/tap
$(document).on("click touchstart", ".fotorama__stage__frame.fotorama__active", function(e) {
const container = $(this);
const img = container.find(".fotorama__img");
const imgSrc = img.attr("src");
if (!imgSrc) return;
if (isZoomed && container[0] === activeContainer[0]) {
removeZoom(container);
} else {
removeZoom($(".zoomed")); // Remove previous if any
createZoom(container, imgSrc);
}
// Prevent double tap zoom
e.preventDefault();
}, );
// Move lens on mousemove/touchmove
$(document).on("mousemove touchmove", ".fotorama__stage__frame.zoomed", function(e) {
handleZoomMove(e.originalEvent || e, $(this));
}, );
// Exit zoom on click outside
$(document).on("click touchstart", function(e) {
if (isZoomed && !$(e.target).closest(".fotorama__stage__frame.zoomed").length) {
removeZoom($(".zoomed"));
}
});
// Exit zoom when cursor leaves the gallery container
$(document).on("mouseleave", '[data-gallery-role="gallery"]', function(e) {
if (isZoomed) {
removeZoom($(".zoomed"));
}
}, );
}
if (isMobileZoom()) {
let currentImg = null;
let isZoomed = false;
let touchStartX = 0;
let touchStartY = 0;
let touchStartTime = 0;
let containerEl = null;
let touchMoveHandler = null;
// Function to reset zoom state
function resetZoom() {
if (isZoomed && currentImg) {
currentImg.style.transition = "transform 0.2s ease-out";
currentImg.style.transform = "translate3d(0px, 0px, 0) scale(1)";
currentImg.style.willChange = "auto"; // Reset optimization hint
isZoomed = false;
currentImg = null;
if (containerEl && touchMoveHandler) {
containerEl.removeEventListener("touchmove", touchMoveHandler, );
touchMoveHandler = null;
containerEl = null;
}
$(".closer-look").show();
}
}
let lastCounterValue = "";
function checkCounterChange() {
const counter = document.querySelector(".gallery__counter");
if (counter) {
const currentValue = counter.textContent;
if (lastCounterValue && lastCounterValue !== currentValue) {
resetZoom();
}
lastCounterValue = currentValue;
}
}
setInterval(checkCounterChange, 100);
$(document).on("touchstart", ".fotorama__stage__frame.fotorama__active", function(e) {
const touch = e.originalEvent.touches[0];
touchStartX = touch.clientX;
touchStartY = touch.clientY;
touchStartTime = Date.now();
}, );
$(document).on("touchend", ".fotorama__stage__frame.fotorama__active", function(e) {
const touch = e.originalEvent.changedTouches[0];
const deltaX = Math.abs(touch.clientX - touchStartX);
const deltaY = Math.abs(touch.clientY - touchStartY);
const deltaTime = Date.now() - touchStartTime;
const isTap = deltaX {
const moveTouch = moveEvent.touches[0];
// Calculate movement delta from initial touch position
const deltaX = moveTouch.clientX - touchStartX;
const deltaY = moveTouch.clientY - touchStartY;
// Apply movement to the initial translation
const newTranslateX = initialTranslateX + deltaX;
const newTranslateY = initialTranslateY + deltaY;
// Apply bounds using cached values
const boundedX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX), );
const boundedY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY), );
currentImg.style.transform = `translate3d(${boundedX}px, ${boundedY}px, 0) scale(1.96)`;
touchMoveHandler.rafId = null;
});
}
};
container.addEventListener("touchmove", touchMoveHandler, {
passive: false,
});
$(".closer-look").hide();
}, );
// Reset zoom when clicking outside the gallery
$(document).on("click touchend", function(e) {
if (isZoomed && !$(e.target).closest('[data-fotorama-stage="fotorama__stage"]').length) {
resetZoom();
}
});
}
});
});