image
Inicio » Foros » JavaScript

JavaScript

Scrollbar de Imagen

Volver al foro | Responder | Añadir nuevo tema


De: Rafael
Fecha: 03/08/2005
Mensaje:

Hola, eh visto en algunas webs scrillbars pero de imagenes. si alguien pudiera decirme como hacer esto les estaria muy agradecido,.
Atentamente Rafael Phrenesis.


Quizás le interese
De: Zero-Killed
Util para: 2 personas

Fecha: 04/08/2005
Mensaje:

No se si es esto lo que quieres lograr, pero aqui va. Es sencillo, me funciona con IE6, con los demas, ni idea.

<div style='overflow:scroll;width:300px;height:300px;>
<img src='url'>
<!-- Sigue añadiendo las cantidades de imagenes que quieras -->
</div>

Fijese en el codigo que esta en color rojo, es una declaracion CSS el cual indica cuando el contenido interno de una etiqueta HTML es sobrebordado, que debe de hacer. Con scroll obliga al navegador a que la etiqueta se mantenga en sus dimensiones definidas (en el ejemplo fue 300px de ancho y alto) y en caso de sobrebordarse que provea scrolling bar. Es importante que conozca ese punto a la hora de ingresar las imagenes.





De: Rafael
Util para: 0 personas

Fecha: 09/08/2005
Mensaje:

muchas gracias pero, no es lo que buscaba me refiero a sustituir los scrollbars por una imagen.





De: ZeroKilled
Util para: 0 personas

Fecha: 11/08/2005
Mensaje:

No sabria decirle con exactitud como se hace, pero me parece que tienes que realizar una combinacion de los atributos scrollTop y scrollLeft con scrollHeight y scrollWidth. No obstante conozco que los atributos antes mencionados funcionan con IE, pero con otros navegadores no se si son validos. Los atributos antes mencionado estan ubicado en todos los elementos HTML.

<div id='cuadro'>contenido</div>

En JavaScript:
document.getElementById('cuadro').scrollTop;

Y asi sucevamente con cada atributo.





Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.