jueves, 9 de agosto de 2007

Imagenes en movimiento

Repondiendo la pregunta de ChimboteXtremo si se uede poner imagenes en movimiento, aqui esta como:

El codigo principal seria este:

<marquee><img src="#"></marquee>

Que se veria asi:



Despues si queremos cambiar el lugar del movimiento, por ejemplo hacia arriba sera asi:



Solamente tenemos que agregar el comando direction="up" ( puedes cambiarlo por "down", para que las imagenes se muevan para abajo )

<marquee direction="up"><img src="#"></marquee>


Si quieres que la imagen se detenga al pasar el mouse, el codigo seria este:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<img src="#">

</marquee>

Severia asi:





Lo que colocamos en este codigo es el onmouseover="stop()" onmouseout="start()", esto significa que se detiene cuando el mouse esta sobre la imagen y que vuelve a moverse cuando se quita el mouse, tambien agregamos el scrollamount="2" scrolldelay="100", en esta parte puedes cambiar la velocidad de movimiento de la imagen en scrollamount aumenta los valores para acelerar la velocidado aumenta en scrolldelay para que valla mas lento.

Ahora, si queremos modificar la altura de la caja de imagenes ( no encontre otra forma de llamarle ) tenemos que agregar el comando height entonces quedaria asi:


marquee HEIGHT=100px onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<center><img src="#" /> </center>

<center><img src="#" /></center>

</marquee>

La iamgen muestra que es lo que estamos modificando.



Entonces finalmente nuestro codigo quedaria asi:

<marquee HEIGHT=100px onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<center><img src="#" /> </center>

<center><img src="#" /></center>

</marquee>


Y se veria asi:







Espero haber respondido tu pregunta ChimboteXtremo.

Suerte


Escucha este escrito

8 Personas dejaron sus comentarios:

ChimboteXtremo comento sobre este post...

Man muy didáctica tu explicación.Gracias...

Hacktime comento sobre este post...

Por nada chimbotextremo, para eso estoy aqui.

Carol comento sobre este post...

Hola!

He intentado poner este cógido y me funciona bien, pero tenog una duda. Si pongo dirección "right" en vez de "up" para ocupar menos espacio en el post, como puedo hacer para q las imágenes se vena unas al lado de las otras en vez de una debajo de las otras?

Gracias!

Hipotecas web. comento sobre este post...

Hola, tengo una duda extrema, se podra partir una imagen por la mitad y hacer el hack de derecha a izquierda en la primera mitad y en la segunda de izquierda a derecha y que se paren cuando coincidan? es decir que se forme la imagen?
AYUDA PORFAVOR !!

Victor Pereyra comento sobre este post...

sto lo que estaba buscando

gracias :)

cansinos_bike comento sobre este post...

ola,me gusta tu pagina yo lo que querria saber es si puedo poner varias imagenes en movimiento en la descripcion de blog debajo del titulo,seria para poner unos logos de patrocinadores.gracis espero respuesta

Analia Yamaguchi comento sobre este post...

hola, una pregunta como hago para que cuando pases el mouse por arriba de la foto qeu esta en movimiento vaya a un enlace y no a imageshack.
muchas gracias
Horacio

Analia Yamaguchi comento sobre este post...

Hola una pregutna puse las fotos en movimiento, pero cuando pasas el mouse por arriba no se como enlazarlo a otro cito, va directamente a imagenshck y quisiera que vaya a otro lado
Saludos
ana

Calendario de posts

Cargando...

 
ir arriba