ClumsyCarson
New Member
I'm working on iphone like slider. It is \[code\]<input type="range">\[/code\] tag with button for sliding. When I'm moving the button to the end lock picture on the button must be changed to unlock picture. For this I'm changing background of the button from picture with lock icon to picture with unlock icon (both in one sprite pic). Like this:\[code\]$('.btn').css({'background-position': '-62px -104px'});\[/code\]But for some reason picture not just changes, it's like sliding to the right and disappears and from left side coming the new picture instead. Strange animated effect. And I can't find the reason for this strange behaviour.Can anybody explain to me why s it and what can I do?I'm not sure, but maybe it will help: slider uses Zepto js instead of regular jQuery.