Immagine

Permette di corredare il contenuto testuale con una immagine attinta dall’archivio Immagini o da internet. E’ il caso più frequente di contenuto speciale.

Formalismo: [img=id/url| didascalia=testo| clear | left/right| shadow/ombra| pagina=id| url=www| target| width=nnnpx| zoom]

• img è il primo parametro, serve per attivare la funzione e indica l’id dell’immagine da posizionare o l’url da dove reperire l’immagine;
• (c)lear in abbinata con left o right forza l’acapo
• (d)idascalia per inserire un testo didascalico sotto l’immagine;
• (l)eft/(r)ight per posizionare l’immagine a lato sinistro o destro con scorrimento laterale del testo, in mancanza l’immagine è posizionata al centro;
• (o)mbra (s)hadow innesca l’effetto grafico previsto nel foglio di stile;
• (p)agina rende l’immagine cliccabile verso la pagina id interna al sito;
• (u)rl rende l’immagine cliccabile verso un indirizzo esterno al sito;
• (t)arget permette l’apertura dell’url in una nuova finestra;
• (w)idth forza il dimensionamento dell’immagine ad una larghezza specifica, si può usare anche un valore in percentuale particolarmente raccomandato in caso di layout responsive;
• (z)oom, da sviluppare, prevede la funzionalità di ingrandimento dell’immagine al passaggio del mouse.

Esempi:

[img=23]
inserisce l’immagine n. 23 al centro della pagina

[img=15|d=ritratto]
inserisce l’immagine n. 15 con didascalia

[img=8|right]
inserisce l’immagine n. 8 allineata a destra con il testo che scorre sul lato sinistro

[img=44|ombra|url=www. ...]
inserisce l’immagine n. 44 centrata con effetto ombra, cliccabile con link al sito www. ...

Formalismo ante rel 8.6: [id|didascalia|pos|ombra|url|target]

• id è l’identificativo dell’immagine attinto dall’archivio immagini
• didascalia è l’eventuale testo che si vuole compaia sotto l’immagine
• pos può essere vuoto, in tal caso l’immagine sara centrata nel corpo della pagina; può essere < o > per far in modo che l’immagine sia posizionata rispettivamente a sinistra o a destra con il testo che scorre a fianco dell’immagine stessa
• ombra un’eventuale carattere qui inserito fa si che l’immagine venga decorata con effetto ombra
• url/id pagina permette di rendere l’immagine clickabile verso l’indirizzo internet qui predisposto ovvero verso la pagina identificata con il suo id.
• target target può essere _self (apre l’url nella stessa finestra - questo è il default) oppure _blank (apre l’url in una nuova finestra)

Esempi:

[23]
inserisce l’immagine n. 23 al centro della pagina

[15|ritratto]
inserisce l’immagine n. 15 con didascalia

[8||>]
inserisce l’immagine n. 8 allineata a destra con il testo che scorre sul lato sinistro

[44|||o|www. ...]
inserisce l’immagine n. 44 centrata con effetto ombra, cliccabile con link al sito www. ...