Main.Galleria History
Hide minor edits - Show changes to markup
(:title Galleria 1.0 :)
(:title Galleria 1.9 :)
- la form è collegata allo script uppa.php che si trova in /cookbook . Suppongo di non avere rispettato granché degli standard pmwiki nel passaggio dei parametri, o nella gestione delle eccezioni. Però funziona ;) abbiamo una base
- la form è collegata allo script uppa.php che si trova in /cookbook . Suppongo di non avere rispettato granché degli standard pmwiki nel passaggio dei parametri, o nella gestione delle eccezioni. Però funziona ;) abbiamo una base
- l'attuale modus operandi prevede:
- realizzare la tabella coi markup creati ad hoc
- riempirla utilizzando la form, scrivendo come nome delle immagini quelli indicati nella fase precedente
Studiando un po' come ragiona pmwiki son partito dal suo lavoro riuscendo a ottenere questo:
Studiando un po' come ragiona pmwiki, son partito dal suo lavoro riuscendo a ottenere questo:
- è semplice da ottenere ed è funzionale, ma niente di che
- è semplice da ottenere ed è funzionale, ma niente di che a livello grafico
- pur potendo uploadare le immagini con la tecnica dell'Attach una alla volta, si può sempre accedere via ftp alla cartella Upload/[nome gruppo] e buttarci dentro a bomba tutte le immagini (che saranno poi automaticamente pescate e visualizzate correttamente)
- la form è collegata allo script uppa.php che si trova in /cookbook . Suppongo di non avere rispettato granché degli standard pmwiki nel passaggio dei parametri, o nella gestione delle eccezioni. Però funziona ;) abbiamo una base
Galleria 1.0
Galleria 1.9
Che esce così (ho uploadato solo tre immagini, per prova):
Dario ieri ha poi creato uno script php che, dato l'indirizzo di un'immagine in locale, ne carica due sul server: una a grandezze normali, l'altra rimpicciolita.
Studiando un po' come ragiona pmwiki son partito dal suo lavoro riuscendo a ottenere questo:
(:input form enctype='multipart/form-data' action={*$PageUrl}:) (:input hidden action uppa:)
Immagine da caricare: | (:input file miofile size=50:) |
Nome con cui salvarla: | (:input text nome size=50:) |
Gruppo in cui inserirla: | (:input text gruppo size=50:) |
(:input submit post Uppa!:) |
(:input end:)
Notare che normalmente per ottenere la stessa tabella bisognava scrivere
(:table align=center width=100% bgcolor=#bfcde8 cellpadding=10px:) (:cellnr width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova1.jpg->Attach:prova1.jpg]]'''Un commento''' (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova2.jpg->Attach:prova2.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova3.jpg->Attach:prova3.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova4.jpg->Attach:prova4.jpg]] (:cellnr width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova5.jpg->Attach:prova5.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova6.jpg->Attach:prova6.jpg]]'''Altro commento''' (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova7.jpg->Attach:prova7.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova8.jpg->Attach:prova8.jpg]] (:tableend:)
(:imr:)
e(:imc:)
l'equivalente del(:cellnr:)
e del(:cell:)
, per creare rispettivamente una nuova riga e una nuova colonna (quindi individuare le celle).:NOMEIMMAGINE.ESTENSIONE:.
l'equivalente di un[[Attach:NOMEIMMAGINE.ESTENSIONE->Attach:NOMEIMMAGINE.ESTENSIONE]]
, ovvero di un'immagine che è un collegamento a un'altra immagine.
(:imr°°NOMEIMMAGINE.ESTENSIONE:)
e(:imc°°NOMEIMMAGINE.ESTENSIONE:)
l'equivalente del(:cellnr:)
e del(:cell:)
, per creare rispettivamente una nuova riga e una nuova colonna (quindi individuare le celle), riempiendole con immagini che sono collegamenti ad altre immagini
(:imr:) .:prova1.jpg:.Un commento (:imc:) .:prova2.jpg:. (:imc:) .:prova3.jpg:. (:imc:) .:prova4.jpg:. (:imr:) .:prova5.jpg:. (:imc:) .:prova6.jpg:.Altro commento (:imc:) .:prova7.jpg:. (:imc:) .:prova8.jpg:.
(:imr°°prova1.jpg:)Un commento (:imc°°prova2.jpg:) (:imc°°prova3.jpg:) (:imc°°prova4.jpg:) (:imr°°prova5.jpg:) (:imc°°prova6.jpg:)Altro commento (:imc°°prova7.jpg:) (:imc°°prova8.jpg:)
(:imr:) .:prova1.jpg:.Un commento (:imc:) .:prova2.jpg:. (:imc:) .:prova3.jpg:. (:imc:) .:prova4.jpg:. (:imr:) .:prova5.jpg:. (:imc:) .:prova6.jpg:.Altro commento (:imc:) .:prova7.jpg:. (:imc:) .:prova8.jpg:.
(:imr°°prova1.jpg:)Un commento (:imc°°prova2.jpg:) (:imc°°prova3.jpg:) (:imc°°prova4.jpg:) (:imr°°prova5.jpg:) (:imc°°prova6.jpg:)Altro commento (:imc°°prova7.jpg:) (:imc°°prova8.jpg:)
(:thumb prova1.jpg:)
(:thumb prova1.jpg:)
Notare che la stessa tabella si sarebbe normalmente ottenuta scrivendo:
Notare che normalmente per ottenere la stessa tabella bisognava scrivere
::NOMEIMMAGINE.ESTENSIONE::
\\
.:NOMEIMMAGINE.ESTENSIONE:.
\\
(:imr:) ::prova1.jpg::Un commento (:imc:) ::prova2.jpg:: (:imc:) ::prova3.jpg:: (:imc:) ::prova4.jpg:: (:imr:) ::prova5.jpg:: (:imc:) ::prova6.jpg::Altro commento (:imc:) ::prova7.jpg:: (:imc:) ::prova8.jpg::
(:imr:) .:prova1.jpg:.Un commento (:imc:) .:prova2.jpg:. (:imc:) .:prova3.jpg:. (:imc:) .:prova4.jpg:. (:imr:) .:prova5.jpg:. (:imc:) .:prova6.jpg:.Altro commento (:imc:) .:prova7.jpg:. (:imc:) .:prova8.jpg:.
(:imr:) ::prova1.jpg::Un commento (:imc:) ::prova2.jpg:: (:imc:) ::prova3.jpg:: (:imc:) ::prova4.jpg:: (:imr:) ::prova5.jpg:: (:imc:) ::prova6.jpg::Altro commento (:imc:) ::prova7.jpg:: (:imc:) ::prova8.jpg::
(:imr:) .:prova1.jpg:.Un commento (:imc:) .:prova2.jpg:. (:imc:) .:prova3.jpg:. (:imc:) .:prova4.jpg:. (:imr:) .:prova5.jpg:. (:imc:) .:prova6.jpg:.Altro commento (:imc:) .:prova7.jpg:. (:imc:) .:prova8.jpg:.
(:title Galleria 1.0 :)
Galleria 1.0
I markup sono quelle sequenze di caratteri che scriviamo nell'editor per ottenere effetti di formattazione, link, tabelle, immagini eccetera. Ad esempio il markup per il grassetto sono i tre apici ('''grassetto'''
), mentre quello per i link sono le doppie parentesi quadre ([[link]]
). L'idea per realizzare la galleria d'immagini è sfruttare il motore del wiki creando un markup ad hoc.
Il modo più semplice per realizzare una galleria è fare una tabella con un'immagine per cella. In particolare, ogni cella avrà un'anteprima (più piccola) dell'immagine, cliccando sulla quale si aprirà una nuova pagina che la conterrà a dimensioni naturali.
Un markup per creare le tabelle esiste già, è il classico (:table:)/(:tableend:)
. Ad esso non ho aggiunto nulla, salvo definirne le formattazioni (colori, spaziature, ...) , ed introdurre un nuovo tipo di link per realizzare le anteprime.
Il codice si trova in calce al local/config.php
. I markup sono i seguenti:
(:gallery:)
l'equivalente del(:table:)
. Tutte le gallerie devono iniziare con lui(:galleryend:)
l'equivalente del(:tableend:)
, che individua il termine della galleria(:imr:)
e(:imc:)
l'equivalente del(:cellnr:)
e del(:cell:)
, per creare rispettivamente una nuova riga e una nuova colonna (quindi individuare le celle)::NOMEIMMAGINE.ESTENSIONE::
l'equivalente di un[[Attach:NOMEIMMAGINE.ESTENSIONE->Attach:NOMEIMMAGINE.ESTENSIONE]]
, ovvero di un'immagine che è un collegamento a un'altra immagine.
Esempio veloce:
(:gallery:) (:imr:) ::prova1.jpg::'''Un commento''' (:imc:) ::prova2.jpg:: (:imc:) ::prova3.jpg:: (:imc:) ::prova4.jpg:: (:imr:) ::prova5.jpg:: (:imc:) ::prova6.jpg::'''Altro commento''' (:imc:) ::prova7.jpg:: (:imc:) ::prova8.jpg:: (:galleryend:)
Che esce così (ho uploadato solo tre immagini, per prova):
(:imr:) ::prova1.jpg::Un commento (:imc:) ::prova2.jpg:: (:imc:) ::prova3.jpg:: (:imc:) ::prova4.jpg:: (:imr:) ::prova5.jpg:: (:imc:) ::prova6.jpg::Altro commento (:imc:) ::prova7.jpg:: (:imc:) ::prova8.jpg::
Notare che la stessa tabella si sarebbe normalmente ottenuta scrivendo:
(:table align=center width=100% bgcolor=#bfcde8 cellpadding=10px:) (:cellnr width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova1.jpg->Attach:prova1.jpg]]'''Un commento''' (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova2.jpg->Attach:prova2.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova3.jpg->Attach:prova3.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova4.jpg->Attach:prova4.jpg]] (:cellnr width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova5.jpg->Attach:prova5.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova6.jpg->Attach:prova6.jpg]]'''Altro commento''' (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova7.jpg->Attach:prova7.jpg]] (:cell width=150px height=150px align=center valign=middle:) %lframe newwin width=130px height=130px% [[Attach:prova8.jpg->Attach:prova8.jpg]] (:tableend:)
Osservazioni:
- è semplice da ottenere ed è funzionale, ma niente di che
- si possono fare al massimo quattro colonne, alla quinta sfora dalla pagina. Sarebbe bello in futuro realizzare una funzioncina che crea automaticamente una nuova riga dopo la quarta colonna, così da evitare all'utente l'ingrato e improbo compito di conoscere la tabellina del 4
- pur potendo uploadare le immagini con la tecnica dell'Attach una alla volta, si può sempre accedere via ftp alla cartella Upload/[nome gruppo] e buttarci dentro a bomba tutte le immagini (che saranno poi automaticamente pescate e visualizzate correttamente)
prova.jpg |
(:imr prova.jpg:)
prova.jpg |
(:imr prova.jpg->prova.jpg:)
(:imr:)prova.jpg->prova.jpg]]
(:imr prova.jpg->prova.jpg:)
(:imr:) prova->prova
(:imr:)prova.jpg->prova.jpg]]
(:imr:) prova
(:imr:) prova->prova
(:gallery:) (:imr:) prova (:galleryend:)