Foros del Web » Programando para Internet » Jquery »

[JQUERY]Problema con scroll, anda mal

Estas en el tema de [JQUERY]Problema con scroll, anda mal en el foro de Jquery en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 22/04/2009, 21:36
Avatar de pato12  
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 17 años, 1 mes
Puntos: 101
[JQUERY]Problema con scroll, anda mal

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
  1. <style type="text/css">
  2. <!--
  3. 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; }
  4. -->
  5. <script type="text/javascript" src="lib/jquery-1.2.6.min.js"></script>
  6. <script type="text/javascript">
  7. <!--
  8. var maxM,minM,cont,barra,lastPos;
  9. var mousedown=0;
  10. function initS(barra,cont,minM,maxM,initial){
  11.         barra=barra;cont=cont;minM=minM;maxM=maxM;
  12.         var num = parseInt(initial);
  13.        if (num > maxM)
  14.                num = maxM;
  15.        if (num < minM)
  16.                num = minM;
  17.        var move = parseInt((((num - minM) / (maxM - minM)) * $(cont).width()));
  18.         $(barra).css('marginLeft', move + 'px');
  19.         $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
  20.     $(".slider").mousedown(function(e){
  21.             mousedown = 1;
  22.             lastPos = e.pageX;
  23.             var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width();
  24.             if (move > $(cont).width())
  25.                     move = $(cont).width();
  26.             if (move < 0)
  27.                     move = 0;
  28.             $(barra).css('marginLeft', move + 'px');
  29.             $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
  30.     });
  31.    
  32.     $(".slider").mouseup(function(){mousedown=0;});
  33.     $(".slider").mousemove(function moverBarra(e){
  34.        if (mousedown>0) {
  35.             lastPos = e.pageX;
  36.             var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width();
  37.             if (move > $(cont).width())
  38.                     move = $(cont).width();
  39.             if (move < 0)
  40.                     move = 0;
  41.             $(barra).css('marginLeft', move + 'px');
  42.             $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM));
  43.        }
  44. });
  45.     mousedown=0;
  46. }
  47.  
  48. window.onload=function(){
  49. initS('#count_slider','#conenedor',0,500,50);
  50. }
  51. -->
  52. <div class="slider" id="conenedor" style="width: 500px;">
  53.     <div><span id="count_slider"><span style="padding: 0pt 4px; width:30px;">| | |</span></span></div>
  54. </div><input type="text" id="count" value="" />
Gracias
Salu2
__________________
Half Music - www.halfmusic.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:44.