Hi and thanks for taking a moment. I am trying to create an image gallery within a masterpage. My first page, called momsgallery.aspx has a series of thumbnail images that when clicked directs the user to a new page ( called momimage.aspx) and it passes a querystring value. The momimage.aspx shows the full image and at that time the address contains the querystring passed. (ex momimage.aspx?id=6)

I am using a Gridview on the momimage.aspx with an imagefield inside it. The Gridview uses an SQLDatasource to retrieve the image path and displays the image. Simple enough...see below.

Now I want to give the user the ability to navigate to the next image without returning to the momsgallery.aspx page. What I need to do is find some way to increment the querystring value so the page reloads and displays the next image. Is there a good/simple way to do this? I know I can do this sort of idea with photoshop by having it crank out a gallery, but that would mean I have to ditch my masterpage model. Any advice or help on how to create a hyperlink or button to do this would be greatly appreciated.

Jason

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="momimage.aspx.cs" Inherits="momimage" Title="Untitled Page" %>

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" Runat="Server">

<tr>

<asp:GridView ID="grdJaneImages" DataSourceID="SqlDataSource41" runat="Server" BorderWidth="0" AutoGenerateColumns="False">

<Columns>

<asp:ImageField DataImageUrlField="path" ShowHeader="False" ItemStyle-HorizontalAlign="Center" >

</asp:ImageField>

</asp:GridView>

</tr>

<tr>

</tr>

<asp:SqlDataSource ID="SqlDataSource41" runat="server" ConnectionString="<%$ ConnectionStrings:BeatlesConnectionString %>"

SelectCommand="SELECT [path] FROM [janeimages] WHERE ([id] = @id)">

<SelectParameters>

<asp:QueryStringParameter DefaultValue="0" Name="id" QueryStringField="id" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

Hi there.

I've not got exactly what you want here, but I *do* have a page where I've got a display rather like the "Filmstrip" dislpay in Windows XP.
Take a look at http://liberator.boldlygoingnowhere/Baronie/Fotos/FvanPoppel/FvanPoppel.aspx

If that's what you want, I can let you have my source.  (I am using Master Pages too! but I am using VB, not VC#)

My page uses a subdirectory full of images, with a matching subdirectory full of thumbnails.  In the fuillness of time, I want to use the GDI(?) program to create the thumbnails "on the fly" from the main pictures, but I'm not quite there yet!  You don't seem to have any thumbnails, so that won't be a problem!  Simply comment out the bits of code where this is used...

Changing from using a directory full of images to a database full of images isn't a big step - What I currently do is work my way down a list of files in a directory, adding them to a private class where I store the list, then I just cycle through them as requested by the user.  you can simply replace the directory list with the result from your DB query and bob's you're uncle...
Your message also suggests that you might want to start the filmstrip at any point in the list - This shouldn't be too difficult to achieve by simply setting the "current list item" to the array index you want.

Just thought...

Another way you could approach this would be to have a modal dialog box pop up when the user clicks on a photo, then when he clicks on the image it would close the modal dialog, leaving the gallery still displayed no the page (behind the modal dialog).  Then the user could click on the next picture he wants :)

I also just happen to have an example of this on my site...
Look at http://liberator.boldlygoingnowhere.org/Baronie/Fotos/Fotos_Brigands05_2.aspx.

You could also probably make a kind of mish-mash of the two, but I've not tried that - You'd have to make your modal dialog also a .NET-aware file...

Hope some of this helps!

create a template column to the GridView, and place a hyperlink (named hyNext for example) into it. When the GridView is binding data. set the hyperlink's link like the following.

    protected void  grdJaneImages_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        HyperLink hyNext = (HyperLink)e.Row.FindControl("hyNext");
        hyNext.NavigateUrl = ((string)(int.Parse(Request.QueryString[""]) + 1)).ToString();
    }

Johnson2007:

create a template column to the GridView, and place a hyperlink (named hyNext for example) into it. When the GridView is binding data. set the hyperlink's link like the following.

 

    protected void  grdJaneImages_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        HyperLink hyNext = (HyperLink)e.Row.FindControl("hyNext");
        hyNext.NavigateUrl = ((string)(int.Parse(Request.QueryString[""]) + 1)).ToString();
    }

This may well solve the question actually asked, but of course,  will *only* work if the file names are in the correct format...

Hi and thank you for taking a moment. Visual Studio will not let me put a template column in a grid view. (Did you mean a TemplateField?) So when I put the Template Column outside the GridView  and add your codebehind you supplied I get the following error: Cannot convert type 'int' to 'string' Any suggestions on why this could be happening. I would appreciate any advice you could offer.

 Jason