Insertar imágenes en los items de contenido - Insertar imágenes con mosimage

Escrito por Luis Barriocanal | 05 Noviembre 2006 | Última actualización el Lunes, 21 de Abril de 2008 18:41

Valoración:

Baja Alta

Insertar imágenes con la etiqueta mosimage

El mambot ‘MOS Image’ sustituye la etiqueta por las imágenes especIficadas en el contenido. Esta función hace posible que en la zona pública se puedan mostrar algunas secciones de contenido en las que se omitan las imágenes, si así se desea.

Justo debajo del editor WYSIWYG podrás ver dos botones.

El primer botón denominado Poner Imagen permite insertar la etiqueta de imagen en cualquier parte del texto. Cuando hagas esto, observarás que el editor simplemente inserta la etiqueta en el texto.

1. En primer lugar insertaremos la etiqueta en el Artículo de Contenido. Para ello

• Situamos el cursor en el área de edición del texto (texto de introducción o principal), en la posición en la que desea mostrar la imagen.

• Pulsamos el icono Poner Imagen. Se insertará la etiqueta en el texto. Deberás insertar una etiqueta "mosimage" por cada una de las imágenes a colocar en el artículo.

Las etiquetas deben insertarse al inicio del párrafo, tanto si desea alinearlas a la izquierda o a la derecha. En ambos casos el texto envolverá la imagen a la derecha o a la izquierda de la misma, según sea lo apropiado.

2. La segunda fase consiste en asignar una imagen a cada una de las etiquetas insertadas.

• La Galería de Imágenes está almacenada en la subcarpeta images/stories. Por debajo de esta se encuentra una lista desplegable de sub-carpetas. Selecciona, si es necesario, una subcarpeta para mostrar las imágenes que contiene.

• Selecciona la Imagen deseada pulsando el nombre de archivo. Se mostrará una imagen en miniatura de muestra.

• Usa la flecha derecha de selección para llevar la imagen a la zona de Imágenes del Contenido. Se mostrará una imagen en miniatura de la imagen activa.

• Repite los pasos 1 a 3 para añadir nuevas imágenes si es necesario. Ten en cuenta que las imágenes se visualizarán en los documentos en el orden que ellas aparezcan en el campo Imágenes. Es decir, la primera imagen se asociará a la primera etiqueta "mosimage", la segunda con la segunda etiqueta, y así sucesivamente. Puedes usar los botones Subir y Bajar para modificar el orden de asignación.

• Para cada imagen, puedes modificar algunos de sus atributos, como por ejemplo, la alineación, el borde, etc. Para ello, utiliza las opciones que se encuentran en la parte derecha de esta pestaña. Cuando hayas fijado los valores para los atributos de imagen, pulsa en el botón Aplicar que se encuentra en esa misma sección.

• Selecciona Alineación de la Imagen si lo deseas, para colocar la imagen al Centro, Izquierda o Derecha del texto.
• Introduce un texto para el atributo Alt (que aparecerá al pasar el ratón sobre la imagen o como aviso).
• Introduce un valor para el Borde de la imagen. Por defecto es 0.
• Introduce un texto para el Pie de Foto (Caption) y selecciona la Posición (Superior o Inferior), la Alineación (Ninguna, Centro, Izquierda o Derecha) y la Anchura.

Desde la página de edición de los artículos también es posible subir imágenes al servidor.

Para subir una imagen pulsamos en el botón subir. Aparecerá una ventana desde la cual podremos buscar el archivo en nuestro ordenador.

Las imágenes que subamos desde aquí se almacenarán en la carpeta images>stories

Para que una imagen recién subida sea visible en la lista de imágenes de la ventana de edición será necesario pulsar el botón aplicar para que la página se recargue.

VIDEOTUTORIAL 

Click para Reproducir

También puedes verlo en formato video flash, pero la calidad es menor.
http://blip.tv/file/521996/?skin=popup&file_type=flv

   Luis Barriocanal (2006) - Esta obra está bajo una Licencia Creative Commons by-nc-sa