Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/04/2009, 21:36
Avatar de pato12
pato12
 
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 16 años, 7 meses
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