¿Cómo situar un flahs .swf encima de una imagen .jpg?

gugol · #1 (**permalink**) 16/04/2012, 08:07

Tengo una imagen tipo banner, de unas ciertas dimensiones, y me gustaría que sólo una parte muy pequeña tuviera movimiento, para lo que quiero superponer ahí un archivo .swf (flash).
Sé que podría solucionar el tema haciendo que toda la imagen fuera .swf, pero me preocupa que en determinados navegadores-ordenadores no llegue a cargar, y entonces el efecto sería muy antiestético por haber una gran zona sin imagen. Prefiero que en estos casos como mínimo carge el .jpg, y el .swf de la zona pequeña no se visualice.
No he utilizado en la página Div PA.
He probado a situar un el .swf dentro de un div con posición relativa, y desplazar éste superponiéndolo como una capa, hasta el punto encima de la imagen.
El problema es que el Div con posición relativa, lo que veo en vista diseño, no es lo que luego me muestra el explorador; hay un desplazamiento vertical que no se ajusta correctamente. Pienso que posterioemtne con ordenadores trabajando a distintas resoluciones el problema puede ser mayor.
¿Qué me aconsejáis para resolver este problema?
Gracias y un saludo.

dezagus · #2 (**permalink**) 16/04/2012, 10:07

Tu lo que quieres es que si el navegador no tiene flash instalado, este mismo no quede antiestético? En ese caso puedes usar un sistema para determinar si tiene o no flash instalado, creo que puedes usar JS.

Carlangueitor · #3 (**permalink**) 16/04/2012, 10:42

Con css, le pones posición absoluta y colocas donde quieras con top y left.

Saludos

gugol · #4 (**permalink**) 16/04/2012, 10:49

Cita:

Iniciado por Carlangueitor

Con css, le pones posición absoluta y colocas donde quieras con top y left.

Saludos

Tal como había comentado no he utilizado en la página div's con posicionamiento absoluto (PA).
Si el .swf lo meto con un div PA, en la pantalla me aparece siempre en el mismo sitio, pero son el resto de elementos de la página los que se me mueven y hacen que se me descoloque el flash.

gugol · #5 (**permalink**) 16/04/2012, 10:55

Cita:

Iniciado por dezagus

Tu lo que quieres es que si el navegador no tiene flash instalado, este mismo no quede antiestético? En ese caso puedes usar un sistema para determinar si tiene o no flash instalado, creo que puedes usar JS.

Estaba intentando no usar JS.
Pienso que tal vez haya alguna forma sencilla para posicionar un div (donde el contenido puede ser una imagen oun flash o lo uqe sea), con respecto a los otros Div de la pagina, sin necesidad de utilizar posicionamiento absoluto, que me obligaría a utilizarlo para todos los elementos.
En cualquier caso lo que tu me propones es comprobar si tiene flash instalado, en caso de que no sea así, cargar una imagen (que sería el banner), y si lo tiene cargar el flash; no sé si es esto a lo que te refieres.

Gracias en cualquier caso por la sugerencia.
Si no encuentro otra solución tal vez, si eres tan amable, te pregunte como podría solucionarlo con JS.

gugol · #6 (**permalink**) 18/04/2012, 02:26

Aún no lo he probado, pero creo que de esta forma se puede solucionar fácilmente. Lo posteo por si a alguien le puede venir bien, y cuando lo pruebe en varios navegadores y resoluciones, si me funciona sin dar problemas lo comentaré. En cualquier caso, si alguien ya me avisa que no va a funcionar bien, por favor, que me lo haga saber y me ahorro el trabajo:

Se trata de tener un <div> con posición "absoluta", que en este caso será el .SWF, anidado anidado dentro de otro <div> con posición "relativa", que sería el .jpg, de forma que la posición la tomará desde la esquina superior-izquierda de su padre, y no del <body> que era como me estaba pasando y que me descuadraba el .swf.

Aún lo tengo que probar más, pero por lo poco que he probado, parece que si funciona, y es una solución muy sencilla.