MANEJO DE LAS IMÁGENES DE SUSTITUCIÓN EN ARTÍCULO

    Puede resultar interesante a veces el colocar imágenes de sustitución en un artículo. Me estoy refiriendo a esa imagen que tienes colocada en un artículo en Joomla 1.5 y cuando el usuario coloca el puntero del ratón sobre ella, esta se agranda. Vamos a ver a través de un ejemplo cómo puedes usar este recurso en tus artículos de una forma muy sencilla.
    Lo primero que debes hacer es preparar las imágenes a usar (en este ejemplo sólo voy a usar una --la que coloco al principio de este artículo--), que puede ser una o varias, según necesites.
    Tan sólo debes preparar la miniatura y la imagen del tamaño normal que quieras que aparezca; en mi caso usaré la misma aunque no tienes por qué ser iguales, lo que sí necesitas es tener ambas preparadas (la original --miniatura--, y la de sustitución --la de tamaño mayor--).

** SI COLOCAS EL PUNTERO SOBRE LA IMAGEN DE ARRIBA, VERÁS EL FUNCIONAMIENTO

    En el ejemplo uso estas dos:

    Una vez que las tienes listas, evidentemente toca subirlas a tu servidor y colocarlas dentro de una carpeta (en el ejemlo: images/stories/ImagenSustitucion/). Hecho esto, ya podemos preparar el artículo y colocar donde queramos la miniatura. Colocamos el texto del artículo, ahora vamos abajo del todo y picamos sobre el botón Imagen apareciendo entonces:

    Buscamos la imagen que vamos a colocar (la miniatura) y la seleccionamos; picamos arriba sobre el botón Insertar:

    Ahora hacemos clic sobre la imagen y hacemos clic en el icono del editor (estoy usando JCE) que te indico:

    En el editor de imagen, tendremos que trabajar en los apartados que te marco (alineación izquierda, píxeles a la derecha de la imagen) y picamos arriba en la pestaña Rollover:

    Como ves, tenemos que activar la casilla Habilitar, y ahora colocaremos la ruta relativa a las dos imágenes (la miniatura en el campo Mouseout --ratón fuera-- y la grande en el campo Mouseover --ratón encima--). Ahora ya podemos clicar abajo en Update.

    ¡¡ LISTO !!. YA PODEMOS VER EL EJEMPLO FUNCIONANDO

    Publico el artículo y ahora voy a mi web donde procedo a abrirlo:

    Ahora, al colocar el puntero del ratón sobre la miniatura, aparecerá la imagen mayor:

    Eso es todo, así de simple es el uso de las imágenes de sustitución en tus artículos de Joomla 1.5 y como dije arriba, no tienen por qué ser iguales las dos; además puedes usar esta técnica en varias imágenes dentro de un artículo si es eso lo que te interesa.
    Debes tener en cuenta que la imagen al agrandarse "se abre hueco" en el texto desplazándolo (aunque se ajustará automáticamente este a los márgenes del documento).

Subir a principio de página >>