Ciao a tutti:
prima delle ferie voglio togliermi una curiosità se possibile:
Ho trovato in rete questa funzioen che permette di gestire una slider orizzontale con l'uso di jquery in maniera veramente semplice:
codice:
$(function(){ var $bl = $(".thumbs-block"), $th = $(".thumbs"), blW = $bl.outerWidth(), blSW = $bl[0].scrollWidth, wDiff = (blSW/blW)-1, // widths difference ratio mPadd = 60, // Mousemove Padding damp = 20, // Mousemove response softness mX = 0, // Real mouse position mX2 = 0, // Modified mouse position posX = 0, mmAA = blW-(mPadd*2), // The mousemove available area mmAAr = (blW/mmAA); // get available mousemove fidderence ratio $bl.mousemove(function(e) { mX = e.pageX - this.offsetLeft; mX2 = Math.min( Math.max(0, mX-mPadd), mmAA ) * mmAAr; }); setInterval(function(){ posX += (mX2 - posX) / damp; // zeno's paradox equation "catching delay" $th.css({marginLeft: -posX*wDiff }); }, 10); });
Ho cercato di pensare di estenderla all 'evento touchmove ma la slider non si muove sul touch.
Qualcuno può darmi una dritta ?
grazie.