Differenze tra le versioni di "Aiuto:Immagini"

m
nessun oggetto della modifica
m
*** Sebbene la scansione sia preferita rispetto ad una foto, è possibile utilizzare in sua vece una foto di buona qualità. In tal caso la foto deve essere salvata come .jpg.
* Le immagini animate sono ammesse solo se effettivamente utili e l'animazione deve essere la minima possibile.
==Gallerie==
 
==Gallerie==
Una '''galleria''' può essere creata su una pagina con il tag <code><<nowiki />gallery></code>.
Le gallerie possono essere create utilizzando il codice {{code|<<nowiki />gallery>}}.
 
===Come creare una galleria===
PuoiÈ crearequindi unapossibile galleriaspecificare usandoquale ilimmagine taginserire <code><<nowikie />gallery></code>.la Quindi,didascalia specificada lautilizzare stringascrivendo <{{code>|File:nomeNome del file.estensione del file<nowiki>|didascalia</codenowiki>Didascalia}}. Il prefisso <{{code>|File:</code>}} non è necessario, ma è consigliato in caso di pulizia.
 
<div class="flex flex-row flex-nowrap flex-items-center flex-main-space-evenly">
'''Esempio:'''
<div>
<div class="text-center">'''Codice'''</div>
<pre>
<gallery>
</gallery>
</pre>
</div>
produce
<div>
<div class="text-center">'''Risultato'''</div>
<gallery>
Artwork002.png|Ivysaur
Artwork150.png|Mewtwo
</gallery>
</div></div>
 
===Attributi della galleria===
* <tt>{{code|perrow</tt>}} - numero dell'immagini per riga ([[#L'attributo perrow|mostra più dettagli]]).
* <tt>{{code|mode</tt>}} - modalità della galleria ([[#L'attributo mode|mostra più dettagli]]).
* <tt>{{code|caption</tt>}} - una didascalia sopra la galleria.
* <tt>{{code|widths</tt>}} - imposta launa larghezza comune per tutte le immagini. Il valore predefinito è <tt>120px</tt>.
* <tt>{{code|heights</tt>}} - imposta lun'altezza comune per tutte le immagini. Il valore predefinito è <tt>120px</tt>.
* <tt>{{code|showfilename</tt>}} - se "''true"'', verrannovengono visualizzati i nomi dei file.
<gallery caption="L'attributo &quot;caption&quot; è pieno." widths="40px" heights="40px" showfilename="true">
Artwork002.png|Ivysaur
 
====L'attributo <tt>perrow</tt>====
Con l'attributo <tt>{{code|perrow</tt>,}} puoiè possibile specificare quante immagini dovrebberodevono essere presenti in una singola riga. Se <tt>{{code|perrow</tt>}} è 0, il numero d'immagini per riga verràviene regolato in base alla larghezza dello schermo. Il numero predefinito è <tt>{{code|0</tt>}}.
 
<div class="flex flex-row flex-nowrap flex-items-center flex-main-space-evenly">
'''Esempio:'''
<div>
<div class="text-center">'''Codice'''</div>
<pre>
<gallery perrow="3">
</gallery>
</pre>
</div>
produce
<div>
<div class="text-center">'''Risultato'''</div>
<gallery perrow=3>
Artwork002.png|Ivysaur
Artwork150.png|Mewtwo
</gallery>
</div></div>
 
====L'attributo <tt>mode</tt>====
Con il parametro <tt>{{code|mode</tt>}}, puoiè possibile specificare qualela modalità dovrebbedi essere launa galleria. Il valore predefinito è <tt>{{code|traditional</tt>}} su tutti i dispositivi.
 
===L'attributo <tt>mode</tt>===
Con il parametro <tt>mode</tt>, puoi specificare quale modalità dovrebbe essere la galleria. Il valore predefinito è <tt>traditional</tt> su tutti i dispositivi.
;<tt>mode="traditional"</tt>
<gallery mode="traditional">
Artwork150.png|Mewtwo
</gallery>
 
;<tt>mode="nolines"</tt>
<gallery mode="nolines">
Artwork150.png|Mewtwo
</gallery>
 
;<tt>mode="packed"</tt>
:Fondamentalmente, questa modalità è la stessa di "{{code|nolines"}}, ma viene rimossarimosso lalo spaziaturaspazio intorno alle immagini nelle caselle.
<gallery mode="packed">
Artwork002.png|Ivysaur
Artwork150.png|Mewtwo
</gallery>
 
;<tt>mode="packed-overlay"</tt>
<gallery mode="packed-overlay">
Artwork150.png|Mewtwo
</gallery>
 
;<tt>mode="packed-hover"</tt>
<gallery mode="packed-hover">
Artwork150.png|Mewtwo
</gallery>
 
;<tt>mode="slideshow"</tt>
:Questa modalità non funziona sunei dispositivi mobili.
<gallery mode="slideshow">
Sprrfvf002.png|Ivysaur
Sprrfvf150.png|Mewtwo
</gallery>
 
===Attributi dell'delle immagini===
Collegamento e testo alternativo puoi essere impostato per le immagini.
Nelle immagini possono essere impostati collegamenti o testi alternativi.
 
<div class="text-center">'''Codice'''</div>
<pre>
<gallery>
</gallery>
</pre>
</div>
produce
<div class="text-center">'''Risultato'''</div>
<gallery>
Artwork002.png|Ivysaur|link=Ivysaur
Artwork150.png|Mewtwo|link=Villa Pokémon (Kanto)
</gallery>
</div>
 
{{pagine di aiuto}}
28 964

contributi