Gallery fotografica

[Valeria75_bis]

Ciao a tutti, sapete suggerirmi una soluzione per visualizzare tramite una sorta di gallery (quindi con apertura tramite modalpopup jquery ecc...) tutte le immagini presenti in una cartella?? In dettaglio vorrei applicare le classiche gallery jquery visualizzando tutte le immagini contenute in una cartella. Grazie a tutti in anticipo!!

[GabbOne]

a questo link trovi uno script jquery per il popup dell'immagine
http://lokeshdhakar.com/projects/lightbox2/

per leggere da una cartella ti bastano queste poche righe di codice (che possono essere sicuramente ottimizzate ... èè un esempio vecchio che ho sul pc)

//piccola classe wrapper per facilitare il binding dei dati su di un repeater
    public class Photo
    {
        public string fileName { get; set; }
    }

//codice per il caricamento delle foto da cartella

        DirectoryInfo dir = new DirectoryInfo(Server.MapPath("~/images/"));
        if (dir.Exists)
        {
            FileInfo[] files = dir.GetFiles();
            List<Photo> photos = new List<Photo>();
            foreach (FileInfo file in files)
            {

                if ((file.Extension == ".png") ||
                (file.Extension == ".gif") ||
                (file.Extension == ".jpg"))
                {
                    Photo photo = new Photo { fileName = "~/images/" + file.Name };
                    photos.Add(photo);
                }
            }
//Binding dei dati
            GalleryRepeater.DataSource = photos;
            GalleryRepeater.DataBind();
        }

il repeater a questo punto sarà dl tipo

<asp:Repeater ID="GalleryRepeater" runat="server">
                                                                        <ItemTemplate>
                                                                                <asp:Image   ImageUrl='<%# Eval("fileName")%>' ID="GalleryImage" runat="server" />
                                                                        </ItemTemplate>
                                                                    </asp:Repeater>

il codice del repeater lo devi adattare allo script per il popup in jquey ma sulla documentazione del pacchetto trovi tutto

[Valeria75_bis]

Grazie per l'aiuto.... il mio problema è proprio che non so come applicare le funzioni FileSystem .NET con gli esempi di gallery jquery

[GabbOne]

scusa ma cosa non riesci a capire in quello che cè scritto qui http://lokeshdhakar.com/projects/lightbox2/#how ?


1)Scarichi il paccheto dal sito
2)Includi i file js e css come propsto nel link
3)Nel repeater scrivi

<itemtemplate>
" rel="lightbox" title="my caption">image #1
</itemtemplate>

Il codice javascript non fa altro che intercettarti l'attributo rel="lightbox" per effettuarne il popup quando il link viene cliccato. Ovviamente se vuoi avere un effetto gradevole dovresti predisporre due immagini; una che è quella del link che punta all'immagine a dimensione intera (di buona definizione) e che viene visualizzata all'interno del popup ed un'altra piu piccola (e magari piu leggera) che ti si presenti in forma di thumbnail sulla pagina principale. Questa seconda immagine la devi inserire al posto del testo (#image 1) proposto nel codice di esempio