| En
este Tutorial veremos cómo insertar una imagen de
sustitución. A continuación te muestro un
ejemplo. Pulsar sobre "Ejemplo"
Imagen
de sustitución
La
imagen de sustitución también llamada rollover
consiste en una imagen que es sustituida por otra al pasar
el ratón sobre ella y a la que podemos añadir
un enlace. Estas dos imágenes deben ser de idéntico
tamaño .
Por
tanto lo primero que debemos tener son estas dos imágenes, AQUÍ
encontrarás el tutorial de diseño gráfico
para realizar la que muestro en el resultado. Una vez
que tenemos las dos imágenes, hacemos clic en la
página en la ubicación en la que queremos
que aparezca la imagen de sustitución, luego nos
iremos a Barra de Herramientas/ insertar / Imágenes
interactiva / imagen de sustitución.
Una
vez seleccionada la opción imágenes de sustitución,
saldrá una nueva ventana:
1º
En imagen original buscamos la imagen que queremos
que aparezca antes de pasar el ratón, en nuestro
caso sería la imagen "a.jpg"
2º
En imagen de sustitución
ponemos la imagen que queremos que aparezca al pulsar
el ratón, en nuestro caso sería la imagen
"b.jpg"
3º
La opción Carga previa de imagen de sustitución
la dejamos seleccionada, ya que nos garantizará que
no habrá que esperar a que se lleve a cabo la carga
de la segunda imagen
4º
En el cuadro Texto Alternativo escribimos el texto
que queremos que aparezca cuando el cursor esté sobre
la imagen. En este caso hemos puesto "Entra
a mi Web"
5º
En el cuadro Al hacer clic ir a la URL escribimos
la dirección de la página que queremos enlazar
con la imagen de sustitución.
6º
Damos en aceptar y esto es todo.
Ya tenemos nuestra imagen de sustitución insertada
|
