PDF (adobe.com)

Creación de una imagen de sustitución

Se pueden insertar imágenes de sustitución en la página. Una imagen de sustitución es una imagen que, al visualizarse en un navegador, cambia cuando el puntero pasa sobre ella.

Debe tener dos imágenes para crear una imagen de sustitución: la imagen principal (la que aparece al cargarse inicialmente la página) y la imagen secundaria (la que aparece al pasar el puntero sobre la imagen principal). Ambas imágenes deben tener el mismo tamaño. Si tienen tamaños distintos, Dreamweaver cambia el tamaño de la segunda imagen para que se ajuste a las propiedades de la primera.

Las imágenes de sustitución están automáticamente configuradas para que respondan al evento onMouseOver. Puede definir una imagen para que responda a otro evento (por ejemplo, un clic del ratón) o cambiar una imagen de sustitución.

Para ver un tutorial sobre la creación de formularios, consulte www.adobe.com/go/vid0159_es.

  1. En la ventana de documento, sitúe el punto de inserción en el lugar donde desea que aparezca la imagen de sustitución.
  2. Introduzca la imagen de sustitución mediante uno de estos métodos:

    • En la categoría Común del panel Insertar, haga clic en el menú Imágenes y seleccione el icono Imagen de sustitución. Con el icono Imagen de sustitución visible en el panel Insertar, puede arrastrar el icono hasta la ventana de documento.

    • Seleccione Insertar > Objetos de imagen > Imagen de sustitución.

  3. Establezca las opciones y haga clic en Aceptar.
    Nombre de la imagen
    El nombre de la imagen de sustitución.

    Imagen original
    La imagen que desea que aparezca al cargarse la página. Introduzca la ruta en el cuadro de texto o haga clic en Examinar y seleccione la imagen.

    Imagen de sustitución
    La imagen que desea que aparezca cuando el puntero pase por encima de la imagen original. Introduzca la ruta o haga clic en Examinar para seleccionar la imagen.

    Precargar imagen de sustitución
    Realiza una carga previa de imágenes en la caché del navegador para que la imagen no tarde en aparecer cuando el usuario pase el puntero sobre la imagen.

    Texto alternativo
    (Opcional) Texto que describa la imagen para los usuarios que utilicen un navegador de sólo texto.

    Al hacerse clic, ir a URL
    El archivo que desea que se abra cuando un usuario haga clic en la imagen de sustitución. Introduzca la ruta o haga clic en Examinar y seleccione el archivo.

    Nota: Si no establece un vínculo para la imagen, Dreamweaver insertará un vínculo nulo (#) en el código HTML relativo al comportamiento de sustitución. Si elimina el vínculo nulo, la imagen de sustitución dejará de funcionar.
  4. Elija Archivo > Vista previa en el navegador o presione F12.
  5. En el navegador, desplace el puntero sobre la imagen original para ver la imagen de sustitución.
    Nota: No se puede ver el efecto que causa una imagen de sustitución en la vista de diseño.