|
Segnala il sito a un amico |
|
|
|
|
Se hai trovato questa pagina interessante, scrivilo ad un amico, clicca qui |
|
|
|
|
NEW!! GiDiNet Web Directory |
|
|
|
|
GiDiNet Directory è una Web Directory divisa in più aree tematiche in cui potrete
trovare comodamente siti che trattano argomenti di vostro interesse, continua... |
|
|
|
| Statistiche |
|
|
Oggi
19/04/2024
sei il visitatore n.
per un totale di
visitatori dal 23/04/2007
|
|
|
|
|
|
Hai un problema particolare? Non trovi quello che stai cercando? clicca qui!
Galleria di immagini automatica in ASP.NET 2.0
Questo script, progettato per ASP.NET 2.0, serve per creare una galleria di immagini automaticamente, elaborando la struttura delle directory del sito web.
1. Installazione dello script
Per l'installazione dello script è sufficiente copiare i file mantenendo la struttura delle directory presente nell'archivio zip sul proprio spazio web,
se il file /Web.config fosse già presente sullo spazio web, basterà modificarlo inserendo quanto riportato in grassetto nelle sezioni indicate.
Scarica i sorgenti completi
Codice del file /Web.config:
Nota: Se sul server web è già presente un file web.config, modificare il file esistente inserendo le righe indicate in grassetto nelle rispettive sezioni (httpHandlers)
<?xml version="1.0"?>
<configuration>
<system.web>
<httpHandlers>
<add verb="GET" path="gallery.aspx" type="GiDiNet.AutoGallery.GalleryHttpHandlerFactory"></add>
</httpHandlers>
</system.web>
</configuration>
2. Personalizzazione dello script
2.1 Personalizzazione del template della pagina
Per personalizare il template della pagina che mostra le immagini è necessario modificare il file "/script/gallery_page.aspx"
La pagina contiene 3 PlaceHolder nei quali vengono caricati i contenuti:
placeNavBar: Contiene i link della barra di navigazione
placeDirectory: Contiene i link alle sottocartelle
placeItems: Contiene la tabella delle thumbnails
Per il corretto funzionamento dello script sarà necessario mantenere sempre questi 3 elementi nella pagina.
2.2 Personalizzazione del template per la visualizzazione delle thumbnails e delle immagini ingrandite
Per ciascuna estensione supportata sono presenti due modelli:
/script/extItemSmall.ascx
/script/extItemSmall.ascx
Ad esempio per l'estensione jpg abbiamo:
/script/jpgItemSmall.ascx
/script/jpgItemSmall.ascx
Modificando il codice HTML di questi file è possibile personalizzare ulteriormente la modalità di visualizzazione delle immagini.
La creazione delle thumbnails invece avviene utilizzando questo script, posizionato nella directory /include/resizetool.aspx, sarà quindi possibile modificare l'aspetto delle thumbnails seguendo le istruzioni in questa pagina.
Ulteriori dettagli sulla configurazione sono riportati nei commenti del codice.
Parametri principali:
Nel file "/App_Code/AutoGallery/AutoGallerySettings.vb" sono presenti i parametri di configurazione dello script, riportati di seguito
'Array contenente i tipi di file da visualizzare
'Per ciascun tipo di file "ext" è necessariocreare due controlli extItemBig.ascx / extItemSmall.ascx, copiando e personalizzando i template.
Public FileTypeList As String() = {"jpg", "gif", "png"}
'Formato dei link alle sottocartelle: %PATH% = Percorso della directory, %NAME% = Nome della directory
Public Const Folder_Item As String = "<a href=""%PATH%"">• %NAME%</a>"
'Formato del separatore dei link alle sottocartelle
Public Const Folder_Separator As String = "<br />"
'Formato del dei link della barra di navigazione: %PATH% = Percorso della directory, %NAME% = Nome della directory
Public Const Posbar_Item As String = "<a href=""%PATH%"">• %NAME%</a>"
'Formato del separatore dei link della barra di navigazione
Public Const Posbar_Separator As String = " > "
'Numero di colonne di immagini da visualizzare
Public Const TableMaxColumns As Integer = 5
'Percorso in cui si trovano i file "gallery_page.aspx","gallery_page.aspx.vb" e i controlli *ItemBig.ascx / *ItemSmall.ascx
Public Const InstallPath As String = "/script/"
'Percorso di partenza da cui visualizzare la galleria di foto
Public Const Gallery_RemoteBasePath = "/gallery/"
'Nome dello script da richiamare per visualizzare la pagina della galleria di foto
Public Const VirtualScriptName As String = "gallery.aspx"
Il valore della costante VirtualScriptName deve essere lo stesso indicato nel web.config alla riga <add ... path="gallery.aspx"...></add>
3. Uso dello script
Per utilizzare questo script su un sito web, ad esempio http://www.sito.ext è sufficiente creare una directory per le immagini (nell'esempio "/gallery/") e richiamare dal browser il l'indirizzo http://www.sito.ext/gallery/gallery.aspx
Aprendo questo indirizzo verrà automaticamente creata una pagina web contenente la le thumbnails delle immagini contenute, una barra di navigazione e una lista delle sottocartelle. Attraverso la barra di navigazione e la lista delle sottocartelle sarà possibile muoversi nelle sotto-directory della cartella di immagini, visualizzare le anteprime e le immagini ingrandite.
Le pagine verranno visualizzate utilizzando un template preimpostato personalizzabile seguendo le istruzioni del punto 2.
Pubblicato da: Daniele Iunco il 10/05/2007
|
|
|