(function(){
'use strict';
function initTomalAdSlider(){
const slider = document.getElementById( 'tomal-ad-326057' );
if (!slider) { return; }
const track = slider.querySelector( '.ts-ad-track' );
const slides = slider.querySelectorAll( '.ts-ad-slide' );
const dots = slider.querySelectorAll( '.ts-ad-dot' );
const left = slider.querySelector( '.ts-ad-left' );
const right = slider.querySelector( '.ts-ad-right' );
const total = slides.length;
if (!track || total <= 1) { return; } let current = 0; let timer = null; let paused = false; let dragging = false; let startX = 0; let lastX = 0; let moved = false; const slideTime = 2000; /* ================================================== MOVE ================================================== */ function moveTo(index){ current = (index + total) % total; /* * Because track width = total * 100% * each slide = 1/total of track. */ const percent = (current * (100 / total)); track.style.transition = 'transform .45s ease'; track.style.transform = 'translate3d(-' + percent + '%,0,0)'; dots.forEach( function(dot, i){ dot.classList.toggle( 'active', i === current ); } ); } /* ================================================== NEXT ================================================== */ function nextSlide(){ if (!paused && !dragging) { moveTo( current + 1 ); } } /* ================================================== PREVIOUS ================================================== */ function previousSlide(){ moveTo( current - 1 ); } /* ================================================== AUTO ================================================== */ function startAuto(){ stopAuto(); timer = setInterval( function(){ nextSlide(); }, slideTime ); } function stopAuto(){ if (timer !== null) { clearInterval(timer); timer = null; } } /* ================================================== ARROWS ================================================== */ if (right) { right.addEventListener( 'click', function(e){ e.preventDefault(); e.stopPropagation(); paused = true; nextSlide(); setTimeout( function(){ paused = false; }, 500 ); } ); } if (left) { left.addEventListener( 'click', function(e){ e.preventDefault(); e.stopPropagation(); paused = true; previousSlide(); setTimeout( function(){ paused = false; }, 500 ); } ); } /* ================================================== DOTS ================================================== */ dots.forEach( function(dot){ dot.addEventListener( 'click', function(e){ e.preventDefault(); e.stopPropagation(); const index = parseInt( dot.getAttribute( 'data-index' ), 10 ); paused = true; moveTo(index); setTimeout( function(){ paused = false; }, 500 ); } ); } ); /* ================================================== TOUCH START ================================================== */ slider.addEventListener( 'touchstart', function(e){ if ( !e.touches || !e.touches.length ) { return; } dragging = true; moved = false; startX = e.touches[0].clientX; lastX = startX; stopAuto(); track.style.transition = 'none'; }, { passive:true } ); /* ================================================== TOUCH MOVE ================================================== */ slider.addEventListener( 'touchmove', function(e){ if (!dragging) { return; } lastX = e.touches[0].clientX; const diff = lastX - startX; if ( Math.abs(diff) > 8 ) {
moved = true;
}
const width = slider.clientWidth;
const base = -(current * width);
const position = base + diff;
track.style.transform = 'translate3d(' + position + 'px,0,0)';
}, { passive:true } );
/* ================================================== TOUCH END ================================================== */
slider.addEventListener( 'touchend', function(){
if (!dragging) { return; }
const diff = lastX - startX;
dragging = false;
if ( Math.abs(diff) > 50 ) {
if (diff < 0) { moveTo( current + 1 ); } else { moveTo( current - 1 ); } } else { moveTo(current); } startAuto(); } ); /* ================================================== MOUSE DOWN ================================================== */ slider.addEventListener( 'mousedown', function(e){ if (e.button !== 0) { return; } dragging = true; moved = false; startX = e.clientX; lastX = startX; stopAuto(); track.style.transition = 'none'; } ); /* ================================================== MOUSE MOVE ================================================== */ document.addEventListener( 'mousemove', function(e){ if (!dragging) { return; } lastX = e.clientX; const diff = lastX - startX; if ( Math.abs(diff) > 8 ) {
moved = true;
}
const width = slider.clientWidth;
const base = -(current * width);
const position = base + diff;
track.style.transform = 'translate3d(' + position + 'px,0,0)';
} );
/* ================================================== MOUSE UP ================================================== */
document.addEventListener( 'mouseup', function(){
if (!dragging) { return; }
const diff = lastX - startX;
dragging = false;
if ( Math.abs(diff) > 50 ) {
if (diff < 0) { moveTo( current + 1 ); } else { moveTo( current - 1 ); } } else { moveTo(current); } startAuto(); } ); /* ================================================== HOLD TO PAUSE ================================================== */ slider.addEventListener( 'mouseenter', function(){ paused = true; } ); slider.addEventListener( 'mouseleave', function(){ if (!dragging) { paused = false; } } ); /* ================================================== PREVENT LINK AFTER DRAG ================================================== */ slider.addEventListener( 'click', function(e){ if (moved) { e.preventDefault(); e.stopPropagation(); moved = false; } }, true ); /* ================================================== INITIAL ================================================== */ moveTo(0); /* ================================================== START AUTO ================================================== */ paused = false; startAuto(); } /* * INIT */ if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', initTomalAdSlider ); } else { initTomalAdSlider(); } })();
-
আয়োডিনযুক্ত লবণ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
আলু
-
ইলিশ মাছ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
এলাচ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
করলা
-
কাটারিভোগ চাল
-
কাতলা মাছ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
কৈ মাছ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
খেসারি ডাল
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
গজার মাছ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
গোলমরিচ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
চান্দা মাছ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
চাল কুমড়া
-
চিকন চাল
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
চিকন লবণ
ওজন নির্বাচন করুনওজন নির্বাচন করুন — -
চিচিঙ্গা















