ASP.NET

Image popup into template with ads

Please support our ASP.NET advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jan 2008

Posts: 18

Reputation: txwebdesign is an unknown quantity at this point

Solved Threads: 0

txwebdesign txwebdesign is offline

Offline

Newbie Poster

Image popup into template with ads

Apr 3rd, 2008

I'm looking for C# based, asp.net code (either with or without ajax extensions), that will allow me to load full size images (from thumbnails) into a "template" or aspx page that I will have focused advertising embedded.

I know I have to create the thumbs gallery page and the ad page (or popup page) but I need to have the thumbnails load into their full size images into the popup page which will have the focused advertising (i.e. banner ads).

The best example I can give, is something very similar to www.stuffmagazine.com/cover_girls/ (these are non-nude galleries and by no means am I trying to solicit business or support to them, just want to be clear what I'm trying to accomplish).

So, in essence, I need to pass along the full image path to the popup window (reuseable). I'm really new at asp.net and any examples, code or references would make my task much easier. I'm not after the look of the gallery page, just how to code the popup portion and code behind that passes the image details to it.

Thanks in advance

•

Join Date: Jan 2008

Posts: 18

Reputation: txwebdesign is an unknown quantity at this point

Solved Threads: 0

txwebdesign txwebdesign is offline

Offline

Newbie Poster

Re: Image popup into template with ads

Apr 4th, 2008

Sorry, I think I was just trying to confuse the issue because of the asp.net coding base. It was really just a matter of simple javascripting and onclick event, I went back to the basics and I solved the problem.

•

Join Date: Jan 2005

Posts: 10

Reputation: EPierre is an unknown quantity at this point

Solved Threads: 0

EPierre

Offline

Newbie Poster

Re: Image popup into template with ads

Jan 16th, 2009

•

Originally Posted by txwebdesign

Sorry, I think I was just trying to confuse the issue because of the asp.net coding base. It was really just a matter of simple javascripting and onclick event, I went back to the basics and I solved the problem.

Hello,
I have the same problem embedding upload pictures on table.
Can you tell me how you solve the problem.

Tanks in advance.
Regards,
E. Pierre

•

Join Date: Jan 2008

Posts: 18

Reputation: txwebdesign is an unknown quantity at this point

Solved Threads: 0

txwebdesign txwebdesign is offline

Offline

Newbie Poster

Re: Image popup into template with ads

Jan 19th, 2009

•

Originally Posted by EPierre

Hello,
I have the same problem embedding upload pictures on table.
Can you tell me how you solve the problem.

Tanks in advance.
Regards,
E. Pierre

There's a couple of steps I used. First I created a template page with the ad embeded into the template (you could do multiple templates if you wanted to change ads, if you are using them, if not then just 1 blank template page).

Next I used the following script:

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<script type="text/javascript" language="Javascript">
        function PopupPic(sPicURL) {
            window.open("GOTtmpl1.aspx?" + sPicURL, "GirlsOfTexas",
"resizable=1,HEIGHT=800,WIDTH=650, scrollbars=1");
        } 
    </script>
<script type="text/javascript" language="Javascript">
        function PopupPic(sPicURL) {
            window.open("GOTtmpl1.aspx?" + sPicURL, "GirlsOfTexas",
"resizable=1,HEIGHT=800,WIDTH=650, scrollbars=1");
        } 
    </script>

Lastly, I created a gallery page with my thumbs laid out and calling the script from above on each thumb. Here's an example of that table code:

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<table align="center" style="width: 100%">
<tr>
<td valign="top"><a href="javascript:PopupPic('models/brooke/brooke4-O8-0001.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0001.jpg" alt="Brooke 1" /></a></td>
 
<td valign="top"><a href="javascript:PopupPic('models/brooke/brooke4-O8-0316.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0316.jpg" alt="Brooke 2" /></a></td>
 
 <td valign="top"><a href="javascript:PopupPic('models/brooke/brooke4-O8-0317.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0317.jpg" alt="Brooke 3" /></a></td>
</tr></table>
<table align="center" style="width: 100%">
<tr>
<td valign="top"><a href="javascript<b></b>:PopupPic('models/brooke/brooke4-O8-0001.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0001.jpg" alt="Brooke 1" /></a></td>

<td valign="top"><a href="javascript<b></b>:PopupPic('models/brooke/brooke4-O8-0316.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0316.jpg" alt="Brooke 2" /></a></td>

 <td valign="top"><a href="javascript<b></b>:PopupPic('models/brooke/brooke4-O8-0317.jpg')">
<img src="models/brooke/thumbs/brooke4-O8-0317.jpg" alt="Brooke 3" /></a></td>
</tr></table>

Also, you could dynamically resize your full size pics for the thumbs but I use a seperate thumbnail and full size image file.

No promo for my site but you can check out the code in action at Girlsoftexasmag.com, go to the model page and pick any model. These are non-nude but Maxim style, so if you prefer not to view that's understandable.

Last edited by txwebdesign; Jan 19th, 2009 at 10:03 pm.