Marcas de imágenes fotofija_

El prefijo fotofija_ permite crear marcas que usarás en el FID para subir imágenes, y en las plantillas para obtener la URL de cada imagen cargada.

Para crear una marca de carga de imagen, debes usar el prefijo fotofija, un identificador arbitrario, luego la especificación de las dimensiones entre paréntesis y finalmente el nombre del campo en el FID, de este modo:

%%fotofija_art200(200,400, Foto 200x400)%% 

Donde:

1. "ART200" es el identificador de la marca. Este es un texto arbitrario.
2. (200, 400) son las dimensiones máximas de la imagen.
3. Foto 200x400 es el nombre del campo de fotofija en el FID.

Opcionalmente se puede especificar un tercer parámetro que marca por defecto el checkbox de cuadrar foto, por ejemplo:

%%fotofija_art200(200,400, Foto 200x400, 1)%%

Ejemplo de uso de marcas fotofija_ en Artículos, Portadas, Portadas Taxonómicas, Portadas Tags, Listados:

%%if(fotofija_port200)%%
  <div class="foto">
    <img src="%%fotofija_art200%%" width="%%_wfotofija_art200%%" height="%%_hfotofija_art200%%">
  </div>
%%/if%%

En las plantillas de artículo o portadas no se debe especificar el tamaño. Nota que en el atributo "SRC" de la etiqueta html "IMG" es reemplazada la marca %%fotofija_port200%% por la URL en la cual se encuentra almacenada la imagen.

Al guardar una imagen en una marca fotofija_, Prontus genera en el artículo las marcas %%_wfotofija_art200%% y %%_hfotofija_art200%% con el valor del ancho y del alto de la imagen. Puedes usar estas marcas en las plantillas, por ejemplo para rellenar los atributos width y height de cada imagen, o para generar srcsets para imágenes responsivas como se describe en este artículo de MDN.

En el caso de las galerías de fotos, se usan también marcas con prefijo fotofija_, generadas automáticamente por Prontus en base a la configuración de tus galerías. La diferencia es que el identificador de cada foto de una galería sigue un formato específico:

%%fotofija_"nombre""i"_"sufijo"%%

El "nombre arbitrario" ahora se compone específicamente de tres partes: nombre, variable de iteración y sufijo:

• el nombre sigue siendo texto arbitrario que distingue a todas las imágenes de una misma galería
• la variable de iteración es distinta para cada imagen de una misma galería: es un número creciente que parte de 1
• el sufijo final especifica la calidad de la imagen. Esto es porque la galería normalmente crea imágenes en múltiples resoluciones: al menos una para thumbnails y una en tamaño grande

Este formato de nombre permite crear código que aproveche la marca lógica _loop_artic, como se muestra en el ejemplo de esa marca, generando automáticamente los bloques de código de cada imagen para toda la galería.

Desde la versión de Prontus 12.0.12.0, se pueden usar las salidas .width y .height para obtener el ancho y alto de una imagen en fotofija, por ejemplo:

<img src="%%fotofija_port_slider%%" width="%%fotofija_port_slider.width%%", height="%%fotofija_port_slider.height%%">