Imagenes en 3D?
Javier
23 de Julio del 2003
alguien save como se hacen los efectos esos de navegacion de una imagen en 3D? por ejemplo en www.tebisa.com
caa
23 de Julio del 2003
Hola, Javier:
He mirado la web www.tebisa.com y lo que hace es al pasar por las im谩genes de empresas, productos y contacto, cambiar la imagen del grifo por una o varias im谩genes animadas.
Un saludo.
He mirado la web www.tebisa.com y lo que hace es al pasar por las im谩genes de empresas, productos y contacto, cambiar la imagen del grifo por una o varias im谩genes animadas.
Un saludo.
Wolverine
23 de Julio del 2003
Hola Javier
Como te respondieron, es exactamente lo que pasa, s贸lo hacen un cambio de im谩genes, mira, pondr茅 una funci贸n para que comprendas mejor:
--------------------------------------------------
<html><head><title>Animación</title>
<script language="Javascript">
function rotar(idIMG, ruIMG)
{document.images[idIMG].src=ruIMG}</script></head>
<body><div style="position:absolute;top:20;left:20"><img name="Img1" src="Imagen1.gif"></div>
<div id="position:absolute;top:200;left:200"><img src="Imagen3.gif" onmouseover="rotar('Img1','Imagen2.gif"></div></body></html>
--------------------------------------------------
Recuerda que las animaciones generalmente se hacen con archivos *gif, lo malo de todo, es que algunos gifs deben limitarse a cierto n煤mero de colores. La funci贸n "rotar", te pide como par谩metros la identificaci贸n de la imagen, y luego la ruta del archivo.
Intenta pegar este c贸digo en un directorio donde existan los archivos "Imagen1.gif", "Imagen2.gif" e "Imagen3.gif", as铆 notar谩s que s贸lo se trata de un simple cambio de im谩genes como dec铆a Caa.
Cu铆date mucho
Saludos a todo el foro
Atte Wolverine
Como te respondieron, es exactamente lo que pasa, s贸lo hacen un cambio de im谩genes, mira, pondr茅 una funci贸n para que comprendas mejor:
--------------------------------------------------
<html><head><title>Animación</title>
<script language="Javascript">
function rotar(idIMG, ruIMG)
{document.images[idIMG].src=ruIMG}</script></head>
<body><div style="position:absolute;top:20;left:20"><img name="Img1" src="Imagen1.gif"></div>
<div id="position:absolute;top:200;left:200"><img src="Imagen3.gif" onmouseover="rotar('Img1','Imagen2.gif"></div></body></html>
--------------------------------------------------
Recuerda que las animaciones generalmente se hacen con archivos *gif, lo malo de todo, es que algunos gifs deben limitarse a cierto n煤mero de colores. La funci贸n "rotar", te pide como par谩metros la identificaci贸n de la imagen, y luego la ruta del archivo.
Intenta pegar este c贸digo en un directorio donde existan los archivos "Imagen1.gif", "Imagen2.gif" e "Imagen3.gif", as铆 notar谩s que s贸lo se trata de un simple cambio de im谩genes como dec铆a Caa.
Cu铆date mucho
Saludos a todo el foro
Atte Wolverine
Wolverine
23 de Julio del 2003
Corecci贸n al c贸digo anterior:
--------------------------------------------------
<html><head><title>Animación</title>
<script language="Javascript">
function rotar(idIMG, ruIMG)
{document.images[idIMG].src=ruIMG}</script></head>
<body><div style="position:absolute;top:20;left:20"><img name="Img1" src="Imagen1.jpg" height="200" width="200"></div>
<div style="position:absolute;top:20;left:250"><img src="Imagen3.gif" onmouseover="rotar('Img1','Imagen2.gif')" onmouseout="rotar('Img1','Imagen1.gif')" height="200" width="200"></div></body></html>
--------------------------------------------------
Listo. Aqu铆 puedes ver que cuando pasas el mouse por encima de la imagen de la derecha, cambia la imagen de la izquierda, y si quitas el mouse de la imagen derecha, se restaura la anterior izquierda. S贸lo esa es la ciencia de la presentaci贸n de tebisa, un cambio de im谩genes, la primera es una imagen muerta (sin movimiento), y la otra es una imagen viva (con animaci贸n).
Cu铆date mucho y disculpa el error
Saludos a todo el foro
Atte Wolverine
--------------------------------------------------
<html><head><title>Animación</title>
<script language="Javascript">
function rotar(idIMG, ruIMG)
{document.images[idIMG].src=ruIMG}</script></head>
<body><div style="position:absolute;top:20;left:20"><img name="Img1" src="Imagen1.jpg" height="200" width="200"></div>
<div style="position:absolute;top:20;left:250"><img src="Imagen3.gif" onmouseover="rotar('Img1','Imagen2.gif')" onmouseout="rotar('Img1','Imagen1.gif')" height="200" width="200"></div></body></html>
--------------------------------------------------
Listo. Aqu铆 puedes ver que cuando pasas el mouse por encima de la imagen de la derecha, cambia la imagen de la izquierda, y si quitas el mouse de la imagen derecha, se restaura la anterior izquierda. S贸lo esa es la ciencia de la presentaci贸n de tebisa, un cambio de im谩genes, la primera es una imagen muerta (sin movimiento), y la otra es una imagen viva (con animaci贸n).
Cu铆date mucho y disculpa el error
Saludos a todo el foro
Atte Wolverine
miguel jordan
23 de Julio del 2003
espero que todos esten bien, les escribo para pedirles por favor que si tiene alguna imagen de un interior de algun templo o edificacion antigua en 3D me la hagan llegar, se que es un abuso al manera de pedircelo es que tengo que hacer un trabajo y me gustaria que de multimedia y necesito algo parecido les agradezco la prontitud.
gracias de antemano
gracias de antemano