Mover lineas sobre una imagen

Fdo88 · #1 (**permalink**) 25/03/2010, 15:45

Hola, necesito algo muy muy urgente.
He buscado mucho, pero no he encontrado una manera sencilla
de hacer lo siguiente:

Tengo una imagen con 4 lineas verticales que son fijas, estas
lineas estan en una imagen(.jpg), pero ademas tengo 2 lineas
moviles (roja, azul), entonces necesito que los extremos de
las lineas se muevan sobre las lineas verticales, asi:
Linea Roja: 1 y 3
Linea Azul: 2 y 4

Dejo una imagen y me dicen si fui claro.
Espero respuesta y realmente agradezco mucho cualquier ayuda.
Gracias.

caricatos · #2 (**permalink**) 25/03/2010, 16:24

Hola:

Necesitarás de algún lenguaje... y si debe ser dinámico, solo podrá ser javascript o actionscript... o java (applets).

Con javascript tengo esta Librería gráfica... espero que planteen alternativas.

Saludos

Fdo88 · #3 (**permalink**) 26/03/2010, 07:00

Creo que javascript es la mejor opcion con css, para tener manejo
de los eventos del mouse y los atributos de la imagen.

He pensado que con un div podria hacerlo, ocultando los bordes laterales
y el superior o inferior, pero no se como mantener un extremo fijo y mover
el otro.

Alguna sugerencia??

En los links que me mostraste solo veo el efecto de una imagen que se aparece
visible despues de un mosaico de cuadros.

De antemano gracias.

Fdo88 · #4 (**permalink**) 26/03/2010, 08:34

Como puedo mover el tema al foro de Javascript??

caricatos · #5 (**permalink**) 26/03/2010, 09:21

Hola:

Acabo de reportar el mensaje para que lo muevan (lamentablemente yo no puedo...), de paso te paso otro enleca algo distinto: Rotar imagen desde un punto

Saludos

David · #6 (**permalink**) 26/03/2010, 09:25

Traslado entonces el tema a la sección de Javascript.

Saludos.

Fdo88 · #7 (**permalink**) 26/03/2010, 10:01

Gracias.
Estoy leyendo sobre el canvas de HTML5, creo que me podria ser util.
Seguire buscando y espero cualquier ayuda.
Gracias.

Fdo88 · #8 (**permalink**) 29/03/2010, 09:54

Aun no he logrado hacer algo,
Alguien me puede ayudar??

JAI_ME · #9 (**permalink**) 29/03/2010, 13:19

si colocas la imagen de las lineas verticales de fondo ?

las lineas verticales las trabajas con javascript..

Fdo88 · #10 (**permalink**) 30/03/2010, 08:32

Cita:

Iniciado por JAI_ME

si colocas la imagen de las lineas verticales de fondo ?
las lineas verticales las trabajas con javascript..

Las lineas verticales son solo una imagen de fondo, pero lo que necesito
es mover las lineas de colores.