Maquetar imágenes de sustitución
Tengo la intención de crear una página con tres imágenes cambiantes.
Utilizo DreamweaverMX 2004.
En principio establecí unos div para incluirlas, pero el estilo que le aplico a esta etiqueta luego no me lo respeta. Le doy unas medida de ancho y un alto de 100% y no me crea los div así.
Luego lo he intentado mediante tablas, las creo con 3 columnas para esas imágenes, selecciono una de las celdas y aplico el "comando" imagen de sustitución o el de crear menú de navegación para tener más opciones a la hora de visualizarlas imágenes... Nada, me lo coloca fuera de la celda.
¿Sabrías por qué sucede esto y si hay alguna solución?
Utilizo DreamweaverMX 2004.
En principio establecí unos div para incluirlas, pero el estilo que le aplico a esta etiqueta luego no me lo respeta. Le doy unas medida de ancho y un alto de 100% y no me crea los div así.
Luego lo he intentado mediante tablas, las creo con 3 columnas para esas imágenes, selecciono una de las celdas y aplico el "comando" imagen de sustitución o el de crear menú de navegación para tener más opciones a la hora de visualizarlas imágenes... Nada, me lo coloca fuera de la celda.
¿Sabrías por qué sucede esto y si hay alguna solución?
1 Respuesta
Respuesta de everaldo19
1
Ante todo disculpa por mi tardanza, he estado ausente por un tiempito. Aclarame las siguientes dudas para responderte de la mejor manera:
¿Esas tres imágenes quieres que se vayan cambiando automáticamente o al psar el mouse? Y en qué parte de la página irán(encabezado o contenido)
¿Cuál es el fin de utilizar imágenes cambiantes? ¿Has visto un ejemplo en algún sitio para tener la idea?
¿Esas tres imágenes quieres que se vayan cambiando automáticamente o al psar el mouse? Y en qué parte de la página irán(encabezado o contenido)
¿Cuál es el fin de utilizar imágenes cambiantes? ¿Has visto un ejemplo en algún sitio para tener la idea?
Hola everaldo!
En principio era para que las imágenes cambiasen al pasar el ratón y otra vez más al hacer clic. Esto es lo que quería hacer, si sabes cómo se puede realizar, perfecto.
Lo de que cambien automáticamente tampoco estaría mal del todo, no me lo había planteado...¿cómo se haría?
La dificultad también la estoy teniendo en que esas tres fotos lleguen a cubrir la pantalla -o sea, no estarían en el encabezado o el contenido sino ocupándolo todo-.
El efecto es artístico por el tipo de imágenes que son. Cada una tiene dos réplicas pero con cambios importantes, como pasar de la noche al día, pero en tres estados diferentes.
Un saludo!
En principio era para que las imágenes cambiasen al pasar el ratón y otra vez más al hacer clic. Esto es lo que quería hacer, si sabes cómo se puede realizar, perfecto.
Lo de que cambien automáticamente tampoco estaría mal del todo, no me lo había planteado...¿cómo se haría?
La dificultad también la estoy teniendo en que esas tres fotos lleguen a cubrir la pantalla -o sea, no estarían en el encabezado o el contenido sino ocupándolo todo-.
El efecto es artístico por el tipo de imágenes que son. Cada una tiene dos réplicas pero con cambios importantes, como pasar de la noche al día, pero en tres estados diferentes.
Un saludo!
A ver si te capto la idea.
Abre la página Web, y en vista código copia lo siguiente entre
<head>
:
<script type="text/javascript">
var images = new Array('images/image1.jpg','images/image2.jpg','images/image3.jpg'); //lista de imágenes
var pos = 0;
function cambio(){
var imagen = document.getElementById('cambiar');// id de la imagen
imagen.src = images[pos];
pos++;
if(pos == 3){ //tamaño del array comenzando de 1
pos = 0;
}
}
</script>
y en el cuerpo(body) copia y pega lo siguiente:
<img src="images/image1.jpg" id="cambiar" onmouseover="setTimeout('cambio()', 500);" onclick="setTimeout('cambio()', 500);""/>
OJO
Lo resaltado en el código de javascript, puede ser el cambio que debas hacer, ya que tienes que establecer la carpeta o ruta donde se encuentran las imágenes, el nombre de la imagen y la extensión de la imagen: var images = new Array('images/image1.jpg','images/image2.jpg','images/image3.jpg').
Así mismo en el cuerpo, debes cambiar la ruta y el nombre de la imagen por las tuyas <img src="images/image1.jpg"...
Cualquier duda, me avisas
Abre la página Web, y en vista código copia lo siguiente entre
<head>
:
<script type="text/javascript">
var images = new Array('images/image1.jpg','images/image2.jpg','images/image3.jpg'); //lista de imágenes
var pos = 0;
function cambio(){
var imagen = document.getElementById('cambiar');// id de la imagen
imagen.src = images[pos];
pos++;
if(pos == 3){ //tamaño del array comenzando de 1
pos = 0;
}
}
</script>
y en el cuerpo(body) copia y pega lo siguiente:
<img src="images/image1.jpg" id="cambiar" onmouseover="setTimeout('cambio()', 500);" onclick="setTimeout('cambio()', 500);""/>
OJO
Lo resaltado en el código de javascript, puede ser el cambio que debas hacer, ya que tienes que establecer la carpeta o ruta donde se encuentran las imágenes, el nombre de la imagen y la extensión de la imagen: var images = new Array('images/image1.jpg','images/image2.jpg','images/image3.jpg').
Así mismo en el cuerpo, debes cambiar la ruta y el nombre de la imagen por las tuyas <img src="images/image1.jpg"...
Cualquier duda, me avisas
