Hola,
Me hice un scroll en jquey
basándome en un scroll en fbjs(javascript de facebook).
Anda casi bien, pero no me llega hasta los 500:
Código html:
Ver original<!--
div.slider { border: 1px solid #ccc; background-color: #f5f5f5; padding: 3px; margin: 4px; } div.slider div { background-color: #fff; border: 1px solid #ccc; padding:3px; font-size: 6px; padding-bottom: 4px; margin: 4px; } div.slider div span { background-color:#ddd; border: 1px solid #ccc; color: #999; padding-bottom: 1px; } div.slider div span:hover { cursor: pointer; }
-->
<script type="text/javascript" src="lib/jquery-1.2.6.min.js"></script> <script type="text/javascript"> <!--
var maxM,minM,cont,barra,lastPos;
var mousedown=0;
function initS(barra,cont,minM,maxM,initial){
barra=barra;cont=cont;minM=minM;maxM=maxM;
var num = parseInt(initial);
if (num > maxM)
num = maxM;
if (num < minM)
num = minM;
var move = parseInt((((num - minM) / (maxM - minM)) * $(cont).width()));
$(barra).css('marginLeft', move + 'px');
$("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
$(".slider").mousedown(function(e){
mousedown = 1;
lastPos = e.pageX;
var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width();
if (move > $(cont).width())
move = $(cont).width();
if (move < 0)
move = 0;
$(barra).css('marginLeft', move + 'px');
$("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
});
$(".slider").mouseup(function(){mousedown=0;});
$(".slider").mousemove(function moverBarra(e){
if (mousedown>0) {
lastPos = e.pageX;
var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width();
if (move > $(cont).width())
move = $(cont).width();
if (move < 0)
move = 0;
$(barra).css('marginLeft', move + 'px');
$("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
}
});
mousedown=0;
}
window.onload=function(){
initS('#count_slider','#conenedor',0,500,50);
}
-->
<div class="slider" id="conenedor" style="width: 500px;"> </div><input type="text" id="count" value="" />
Gracias
Salu2