1. Home
  2. Forums Index
  3. Browser Side / HTML 6:58 pm May 1, 2026

Forum Moderators: open

Message Too Old, No Replies

hack for web photo gallery

         

soboyle

12:03 pm on Jul 9, 2006 (gmt 0)

10+ Year Member



Most to the coders here will probably laugh at this, but here goes.
I'm using abode photoshop to generate photo gallerys from directories of jpg files, its automatic and template driven, and works well if you customize the templates a bit, and I have to get these galleries up fast, so its a quick and dirty solution.

The problem I am having is creating live links while running these templates, my goal is to have the hyperlinks on each of those pages automatically link to wallpaper images of higher resolution when the template runs.
In the html code there are some variables(?) on the pages, one being %FILENAME%, perfect, I can add that to my link, and add a suffix to pull up my larger res file, like <a href="%FILENAME%_1600x1200.jpg">1600x1200</a>. The problem is when I look at the link I end up with myfilename.jpg_1600x1200.jpg. I need to strip out the first .jpg in order for this to work.
Any thoughts on how to do this? or is there a way to generate a new variable that doesnt have the .jpg included?

One solution that occured to me is to just keep the higher res filename the same as the %FILENAME%, but put the high res files in a subdirectory, but if possible I would rather be able to differentiate the file names with a _1600x1200.jpg suffix.

Programmers

12:08 pm on Jul 9, 2006 (gmt 0)

10+ Year Member



Please paste all the code so I/others can help you propperly.

rocknbil

5:36 pm on Jul 9, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



there are some variables(?) on the pages, one being %FILENAME%

I am presuming this is an ASP page, you may get a little more assistance if you post this in the ASP forum, but indeed - some code snippets please. :-)

soboyle

12:57 am on Jul 10, 2006 (gmt 0)

10+ Year Member



Here is the code 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>%SUBPAGEHEADER%</title>
 <META name="generator" content="%CONTENT_GENERATOR%">
 <meta http-equiv="Content-Type" content="text/html; charset=%CHARSET%">
 <link href="../images/galleryStyle.css" rel="stylesheet" type="text/css">
 </head>
 <body bgcolor="%BGCOLOR%" text="%TEXT%" link="%LINK%" vlink="%VLINK%" alink="%ALINK%">
 <div id="mainCenter" align="center">
 <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td height="391" align="center" valign="middle">
 <table width="850" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><img src="../images/outerTL.gif" width="5" height="5"></td>
 <td width="100%" bgcolor="#666666" colspan="3"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td><img src="../images/outerTR.gif" width="5" height="5"></td>
 </tr>
 <tr bgcolor="#666666">
 <td rowspan="5"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td colspan="3">
 <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerTL.gif" width="5" height="5"></td>
 <td colspan="2" width="100%" bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerTR.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="%BANNERCOLOR%">
 <div class="banner">
 <div align="center"><font size="4" face="%BANNERFONT%"><span class="header">%SUBPAGEHEADER%</span> 
 <br>
 <a href="mailto:%EMAIL%">%EMAIL%</a> </font> 
 </div>
 </div>
 </td>
 <td bgcolor="%BANNERCOLOR%">&nbsp;
 
 </td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerBL.gif" width="5" height="5"></td>
 <td colspan="2" bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerBR.gif" width="5" height="5"></td>
 </tr>
 </table>
 </td>
 <td rowspan="5"><img src="../images/spacer.gif" width="5" height="5"></td>
 </tr>
 <tr bgcolor="#666666">
 <td colspan="3"><img src="../images/spacer.gif" width="200" height="8"></td>
 </tr>
 <tr height="100%">
 <td width="100%" bgcolor="#666666" valign="top">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td bgcolor="#EEEEEE"><img src="../images/slideEdgeNW.gif" width="5" height="5"></td>
 <td width="100%" bgcolor="#EEEEEE" background="../images/slideEdgeN.gif"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="#EEEEEE"><img src="../images/slideEdgeNE.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td height="100%" bgcolor="#EEEEEE" background="../images/slideEdgeW.gif"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td height="370" align="center" valign="middle" bgcolor="#EEEEEE">
 <img src="%IMAGESRC%" %IMAGE_WIDTH% %IMAGE_HEIGHT% border="%IMAGEBORDER%" alt="%ALT%">
 </td>
 <td height="100%" bgcolor="#EEEEEE" background="../images/slideEdgeE.gif"><img src="../images/spacer.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="#EEEEEE"><img src="../images/slideEdgeSW.gif" width="5" height="5"></td>
 <td width="100%" bgcolor="#EEEEEE" background="../images/slideEdgeS.gif"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="#EEEEEE"><img src="../images/slideEdgeSE.gif" width="5" height="5"></td>
 </tr>
 </table>
 </td>
 <td bgcolor="#666666"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="#666666" valign="top">
 <table width="225" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td bgcolor="#CCCCCC"><img src="../images/innerTL.gif" width="5" height="5"></td>
 <td width="100%" bgcolor="#CCCCCC"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="#CCCCCC"><img src="../images/innerTR.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td height="100%" bgcolor="#CCCCCC"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td height="150" bgcolor="#CCCCCC" valign="top">
 <div id="content"><span class="header">FILENAME: </span>%FILENAME%</div>
 <div id="content">
 <div id="contentLast">
 <p><span class="header">COPYRIGHT: </span>%COPYRIGHT%</p>
 <table width="150" border="0" align="center">
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Wallpaper Links</strong></font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><a href="../highres_images/1600x1200/%FILENAME%">1600x1200</a></font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><a href="%FILENAME%_1600x1200.jpg">1280x1024</a></font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><a href="file:///D¦/wallpaper/bethlehem/b_steel_021706_131_1600x1200.jpg">1024x768</a></font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><a href="file:///D¦/wallpaper/bethlehem/b_steel_021706_243_1600x1200.jpg">&nbsp;800x600</a></font></div></td>
 </tr>
 </table>
 <table width="150" border="0" align="center">
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Purchase Prints</strong></font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">8.5 x 11</font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">13 x 19</font></div></td>
 </tr>
 <tr>
 <td><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">17 x 22</font></div></td>
 </tr>
 </table>
 <table width="150" border="0" align="center">
 <tr>
 <td><div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif">History of Site</font></strong></div></td>
 </tr>
 </table>
 <p align="center">&nbsp;</p>
 </div>
 </td>
 <td height="100%" bgcolor="#CCCCCC"><img src="../images/spacer.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="#CCCCCC"><img src="../images/innerBL.gif" width="5" height="5"></td>
 <td width="100%" bgcolor="#CCCCCC"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="#CCCCCC"><img src="../images/innerBR.gif" width="5" height="5"></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr bgcolor="#666666">
 <td colspan="3"><img src="../images/spacer.gif" width="200" height="8"></td>
 </tr>
 <tr bgcolor="#666666">
 <td colspan="3">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerTL.gif" width="5" height="5"></td>
 <td colspan="2" width="100%" bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerTR.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td width="90%" bgcolor="%BANNERCOLOR%">
 <font size="%CAPTIONFONTSIZE%" face="%CAPTIONFONT%"><span class="navigation">%NUMERICLINKS%</span></font>
 </td>
 <td bgcolor="%BANNERCOLOR%" align="right">
 <table>
 <tr>
 <td>
 <font size="%CAPTIONFONTSIZE%" face="%CAPTIONFONT%"><span class="navigation"><a href="%PREVIMAGE%">&lt;&lt;&lt;</a></span></font> 
 </td>
 <td valign="middle">
 <font size="%CAPTIONFONTSIZE%" face="%CAPTIONFONT%"><span class="navigation"><a href="%CURRENTINDEXANCHOR%">home</a></span></font> 
 </td>
 <td>
 <font size="%CAPTIONFONTSIZE%" face="%CAPTIONFONT%"><span class="navigation"><a href="%NEXTIMAGE%">&gt;&gt;&gt;</a></span></font> 
 </td>
 </tr>
 </table>
 </td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 </tr>
 <tr>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerBL.gif" width="5" height="5"></td>
 <td colspan="2" width="100%" bgcolor="%BANNERCOLOR%"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td bgcolor="%BANNERCOLOR%"><img src="../images/innerBR.gif" width="5" height="5"></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td><img src="../images/outerBL.gif" width="5" height="5"></td>
 <td colspan="3" bgcolor="#666666"><img src="../images/spacer.gif" width="5" height="5"></td>
 <td><img src="../images/outerBR.gif" width="5" height="5"></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 </div>
 </body>
 </html>

[edited by: encyclo at 1:33 am (utc) on July 10, 2006]
[edit reason] formatting [/edit]

Programmers

1:07 am on Jul 11, 2006 (gmt 0)

10+ Year Member



Okay so that's a start, but you need to show me where you've declared the filename variable.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

  1. Home
  2. Forums Index
  3. Browser Side / HTML 6:58 pm May 1, 2026