Foros del Web » Creando para Internet » CSS »

Como crear boton para avanzar y retroceder dentro de la misma capa

Estas en el tema de Como crear boton para avanzar y retroceder dentro de la misma capa en el foro de CSS en Foros del Web. Hola! Tengo un pequeño problema... resulta que tengo una capa con una imagen muy grande que quiero utilizar a modo de menu... el caso esque ...
  #1 (permalink)  
Antiguo 01/11/2012, 04:48
Avatar de mrc_1981  
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Como crear boton para avanzar y retroceder dentro de la misma capa

Hola!

Tengo un pequeño problema... resulta que tengo una capa con una imagen muy grande que quiero utilizar a modo de menu... el caso esque al ponerlo en la capa me sale la típica barra de scroll... me gustaría saber cómo hacer desaparecer la barra de desplazamiento y sustituirla por dos botones de avanzar y retroceder en la misma capa... es posible esto?

Pongo una imagen de como está y de lo que tengo en la cabeza que sea...


http://imageshack.us/photo/my-images/90/055vt.jpg

Última edición por mrc_1981; 01/11/2012 a las 04:49 Razón: No se ve la imagen
  #2 (permalink)  
Antiguo 01/11/2012, 05:27
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

No sé qué serán los botones de avanzar y retroceder, pero el problema del scroll, puedes solucionarlo con overflow:hidden o usar overflow-x overflow-y según convenga.
  #3 (permalink)  
Antiguo 01/11/2012, 05:30
Avatar de mrc_1981  
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Cita:
Iniciado por Bonez Ver Mensaje
No sé qué serán los botones de avanzar y retroceder, pero el problema del scroll, puedes solucionarlo con overflow:hidden o usar overflow-x overflow-y según convenga.
Si, te explico: Poner un botón en la parte derecha de avanzar por la capa... eso sería posible hacerlo con CSS o HTML5?
  #4 (permalink)  
Antiguo 01/11/2012, 05:33
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Si y no... Para eso está el scroll. Si quieres hacer algo diferente, deberías de usar javascript y usar un principio básico como se usa en diferentes sliders.

De todas formas, si explicas qué quieres hacer más concretamente o explicar para qué, igual hay alguna solución que ya está contemplada.
  #5 (permalink)  
Antiguo 01/11/2012, 05:37
Avatar de mrc_1981  
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Cita:
Iniciado por Bonez Ver Mensaje
Si y no... Para eso está el scroll. Si quieres hacer algo diferente, deberías de usar javascript y usar un principio básico como se usa en diferentes sliders.

De todas formas, si explicas qué quieres hacer más concretamente o explicar para qué, igual hay alguna solución que ya está contemplada.
Gracias por responder... te explico más detalladamente...

El caso esque tengo una imagen de 1270 de ancho metida en una capa con un tamaño de 550 de ancho. La capa sólo muestra una parte de la imagen, y lo que quiero conseguir es dos botones de 'avanzar' y 'retroceder' por la capa, al estilo del scroll pero sin que salga la barra de desplazamiento.. es decir, sustituir el típico scroll por dos botones que al hacer clic avancen o retrocedan en la misma capa...

Es posible con Java?
  #6 (permalink)  
Antiguo 01/11/2012, 05:43
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Con Javascript si se puede hacer. En este enlace hay algunos ejemplos, supongo que es lo que buscas, cambiar el scroll normal por uno más personalizado.
  #7 (permalink)  
Antiguo 01/11/2012, 05:45
Avatar de mrc_1981  
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Si! Eso es! Muchisimas gracias!
  #8 (permalink)  
Antiguo 01/11/2012, 06:39
Avatar de mrc_1981  
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

Cita:
Iniciado por Bonez Ver Mensaje
Con Javascript si se puede hacer. En [URL="http://www.dyn-web.com/code/scroll/vert.php"]este enlace[/URL] hay algunos ejemplos, supongo que es lo que buscas, cambiar el scroll normal por uno más personalizado.
Oye, una pregúnta... al ponerlo en mi web y subirlo a la red me sale un cuadro de diálogo de la web donde estaban los códigos... alguna forma de que esto desaparezca? Gracias
  #9 (permalink)  
Antiguo 01/11/2012, 12:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como crear boton para avanzar y retroceder dentro de la misma capa

No lo sé. La verdad es que de javascript no sé mucho. De todas formas, seguro que hay muchos ejemplos en Internet sobre esto. Seguro que si buscas en google por "javascript scrollbar" o parecidos encuentras miles.

Etiquetas: botones, capa-estatica, capas, dreamweaver, scroll
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 18:12.