Gaurav's Tech Blog

Hack to make asynchronous JQuery Slider/Motion -> Synchronized. Scenario : JQuery slider contains 8+ images. 4 images are visible on screen at a time and user can click next and previous links to move slider. But if user clicks next/previous button multiple times. Slider's UI breaks. We have to stop user from clicking next/previous second time if slider is moving or in progress. var isProcessing = 0; var waitMiliSec = 1100; var objInterval;   function moveToPrevious() { if (isProcessing == 0) { setIsProcessing(1, 0); objInterval = setInterval(function () { setIsProcessing(0, 1) }, waitMiliSec); //Slider's asynchronyzed slide code //Any JQuery asynchronyzed code }     } function moveToNext() { if (isProcessing == 0) { setIsProcessing(1, 0); objInterval = setInterval(function () { setIsProcessing(0, 1) }, waitMiliSec); //Slider's asynchronyzed slide code //Any JQuery asynchronyzed code } }     fun...