Recursos de Dreamweaver CS4
|
Aplicación del comportamiento Intercambiar imagen
El comportamiento Intercambiar imagen intercambia una imagen por otra cambiando el atributo src de la etiqueta <img>. Use este comportamiento para crear sustituciones de botones y otros efectos de imágenes (incluido el intercambio de varias imágenes a la vez). Al insertar una imagen dinámica se añade automáticamente un comportamiento Intercambiar imagen a la página.
Nota: Dado que sólo el atributo src se ve afectado por este comportamiento, el intercambio debe hacerse con imágenes que tengan las mismas dimensiones (altura y anchura) que la imagen original. En caso contrario, la imagen que se intercambia se reducirá o ampliará para adaptarse a las dimensiones de la imagen original.
También existe un comportamiento denominado Restaurar imagen intercambiada que restaura el último conjunto de imágenes intercambiadas a sus archivos de origen anteriores. Este comportamiento se añade automáticamente siempre que se adjunta el comportamiento Intercambiar imagen a un objeto; si dejó seleccionada la opción Restaurar al adjuntar Intercambiar imagen, no tendrá que seleccionar manualmente el comportamiento Restaurar imagen intercambiada.
- Elija Insertar > Imagen o haga clic en el botón Imagen del panel Insertar para insertar una imagen.
- En el inspector de propiedades, introduzca un nombre para la imagen en el cuadro de texto situado más a la izquierda.
No es imprescindible asignar nombre a las imágenes. Éstas reciben nombre automáticamente al adjuntar el comportamiento a un objeto. No obstante, resultará más fácil distinguir las imágenes en el cuadro de diálogo Intercambiar imagen si asigna nombre a todas las imágenes de antemano.
- Repita los pasos 1 y 2 para insertar más imágenes.
- Seleccione un objeto (normalmente, la imagen que va a intercambiar) y elija Intercambiar imagen del menú Añadir comportamiento del panel Comportamientos.
- Seleccione en la lista Imágenes la imagen cuyo origen desea cambiar.
- Haga clic en Examinar para seleccionar el archivo de la nueva imagen o introduzca la ruta y el nombre de archivo de la nueva imagen en el cuadro Definir origen como.
- Repita los pasos 5 y 6 para todas las demás imágenes que desee cambiar. Puede usar la misma acción Intercambiar imagen para todas las imágenes que desee cambiar a la vez; en caso contrario, la acción correspondiente Restaurar imagen intercambiada no las restaurará todas.
- Seleccione la opción Carga previa de imágenes para crear un caché para las nuevas imágenes cuando se cargue la página.
Esto contribuye a evitar las demoras en la descarga cuando llega el momento de que aparezcan las imágenes.
- Haga clic en Aceptar y compruebe que el evento predeterminado es el correcto. Si no lo es, seleccione otro evento o cambie el navegador de destino en el submenú Mostrar eventos para.
|