Question

I use .NET C# , I dynamically create folder to store the image I upload, ex:

strFolder = Server.MapPath("./folder/folder_"+folid+"/")

So I could create different folders according to the page unique id. I have also created a thumbnail image from the image I have upload (cropped ones).

The problem I am trying to figure out is to display these images as a slide show from these dynamically created folder (display thumbnail in the page and clicking the thumbnail need to see the full size image just like slideshow).

I was trying to see examples in jQuery but its just client side. So is there any way to load these images and display as a slide show from the directory. Should I deal with DirectoryInfo in C#? Expecting a simple one.

Answer 1

In the client side i have used jquery and Repeater Control in .net to bind the url and the thumbnail.
I used lightbox and jquery to display the image.the client side code goes like this:

 <script type="text/javascript">
    $(function() {
        $('a[@rel*=lightbox]').lightBox(); 
    });
    </script>

and the Repeater control is used to link the thumbnail and the url:

<asp:Repeater id="imageRepeater" runat="server">
         <ItemTemplate>
    <a href='<%# Page.ResolveUrl((string)DataBinder.Eval(Container.DataItem, "largeImage")) %>' rel='lightbox'>
        <asp:Image ID="Image1" runat="server" ImageUrl='<%# Page.ResolveUrl((string)DataBinder.Eval(Container.DataItem, "thumbImage")) %>' Width="100" Height="75">
        </asp:Image></a>
         </ItemTemplate>
        </asp:Repeater>

in the code behind we could bind it withe the dataset.