Changing an Image's Source with ASP.NET 1

[nevets2001uk]

I'm trying to figure out the best way of allowing variable images on my web page and wondered if anyone might have an idea.

What I want to do is have a set of images for the page that will change depending on the colour scheme the user selects. This could be a large number of images on each page.

The way I'm thinking of doing it is to have seperate image directories for each scheme and to have a variable for the path to each of those folders which changes depending on the scheme in use.

However I'm not really sure how I could change the source values in the image tags on the html page? Ideally something like <img src=variableforpath & &quot;imagename.gif&quot; /> or something would work but how can I get that variable into the code?

Cheers!

Steve Gordon

http://www.celebrity-hunt.co.uk

 

[Joulius]

You could use:

In your .aspx page
<asp:Image ID=&quot;img1&quot; Runat=&quot;server&quot;></asp:Image>

In your code behind
select case scheme_used
 case &quot;scheme1&quot;
  img1.ImageUrl=&quot;scheme1.jpg&quot;
 case &quot;scheme2&quot;
  img1.ImageUrl=&quot;scheme2.jpg&quot;
 case else
  img1.ImageUrl=&quot;default_scheme.jpg&quot;
end select

 

[nevets2001uk]

Thanks. I had considered something like that but my only problem with it was that since I will have a large number of images on the page (including repeated ones, as they are for the layout elements) I was hoping to not have to create a asp image control for each one.

I was hoping for something more like a single variable that has to change with the rest being pretty much standard HTML. If your advice is the only real way to do it though I guess I'll have to go that way.

Cheers

Steve Gordon

http://www.celebrity-hunt.co.uk

 

[Joulius]

That I was just trying to tell you! You will have your image controls just where you want them! You will put them on your page in the positions you want them. Thru server side script and depending on the schema chosen, you will simply change their ImageUrls ... you don't need to recreate them!
Make a Sub that is called in your Page_Load like this:

sub Page_Load
...
make_layout()
...
end sub

sub make_layout()
 select case scheme_chosen (this could be a session.item in e.g.)
  case "scheme1"
   img_top.ImageUrl="scheme1_top.jpg"
   img_bottom.ImageUrl="scheme1_bottom.jpg"
   img_left.ImageUrl="scheme1_left.jpg"
   ...
  case "scheme2"
   img_top.ImageUrl="scheme2_top.jpg"
   img_bottom.ImageUrl="scheme2_bottom.jpg"
   img_left.ImageUrl="scheme2_left.jpg"
   ...
  case else
   img_top.ImageUrl="scheme_default_top.jpg"
   img_bottom.ImageUrl="scheme_default_bottom.jpg"
   img_left.ImageUrl="scheme_default_left.jpg"
   ...
 end select
end sub

img_top, img_bottom, img_left, ... etc

are created only once on your aspx page and placed on the positions you need them.
I hope you got the idea ...

 

[dragonwell]

I think what he wanted was to use something like this:

html

<link href=&quot;<%#schemePath%>scheme.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;>

<img src=&quot;<%#schemePath%>logo.gif&quot;>
<img src=&quot;<%#schemePath%>button1.gif&quot;>

etc...

code

protected string schemePath;

Page_Load(Object sender, EventArgs e){

    if(!Page.IsPostBack){

        switch(Context["current_scheme"].ToString()){
            case "blue":
                schemePath= "/schemes/blue/";
                break;
            case "red":
                schemePath = "/schemes/red/";
                break;
            default:
                schemePath = "/schemes/default/";
                break;
        }

        this.DataBind();
     }

}

HTH



David

 

[nevets2001uk]

That's it, thanks!

Joulius - Cheers. That method was fine but just would have caused me a headache to implement.

Thanks to you both,

Steve Gordon

http://www.celebrity-hunt.co.uk