Imagenes en 3D?
alguien save como se hacen los efectos esos de navegacion de una imagen en 3D? por ejemplo en www.tebisa.com
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.
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
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
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