thumbnail gallery

andrewgsilver · November 21, 2007

I have a thumbnail gallery which uses java script to open a larger image.Everything is working fine locally, but having uploaded the website onto the server both the images and thumbs are no longer loading properly.My page is divided up into broken thumbs and thumbs which load. The strange thing is it’s the broken thumbs that actually work and link through to the larger image.Not sure if there is something wrong with the script, the ftp file allowing java script or perhaps something else.Any advice would be appreciated.A link to one of problematic pages is <a href="http://www.photomotion.org.uk/albums/mildenhall/18th_nov_07/31_60.html">here</a>

javaholic5 · November 21, 2007

If posibble, please post your code.

andrewgsilver · November 21, 2007

If posibble, please post your code.

Gallery Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Photomotion: Albums</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="../../../styles.css" rel="stylesheet" type="text/css" /></head><body>    <div id="top">        <div id="logoline"><h1>Photomotion.org.uk</h1>        </div>            <div id="modernbricksmenu2">            <ul>            <li style="margin-left: 1px" id="current"><a href="../../../index.htm" title="Home">Home</a></li>            <li><a href="../../../services.html" title="New">Services</a></li>            <li ><a href="../../../contact.html" title="Revised">Contact</a></li>            </ul>            </div>    </div>    <br style="clear: left" />    <div id="main">    <h2><a href="../../../index.html">Event Index</a> > Albums</h2>    <div class="left">    <a href="photos.html?src=images/watermark/031.jpg&height=337&alt=31"><img src="images/thumbs/031.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>031</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/032.jpg&height=337&alt=32"><img src="images/thumbs/032.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>032</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/033.jpg&height=337&alt=33"><img src="images/thumbs/033.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>033</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/034.jpg&height=337&alt=34"><img src="images/thumbs/034.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>034</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/035.jpg&height=337&alt=35"><img src="images/thumbs/035.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>035</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/036.jpg&height=337&alt=36"><img src="images/thumbs/036.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>036</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/037.jpg&height=337&alt=37"><img src="images/thumbs/037.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>037</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/038.jpg&height=337&alt=38"><img src="images/thumbs/038.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>038</p>    </div>        <div class="left">    <a href="photos.html?src=images/watermark/039.jpg&height=337&alt=39"><img src="images/thumbs/039.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>039</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/040.jpg&height=337&alt=40"><img src="images/thumbs/040.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>040</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/041.jpg&height=337&alt=41"><img src="images/thumbs/041.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>041</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/042.jpg&height=337&alt=42"><img src="images/thumbs/042.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>042</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/043.jpg&height=337&alt=43"><img src="images/thumbs/043.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>043</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/044.jpg&height=337&alt=44"><img src="images/thumbs/044.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>044</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/045.jpg&height=337&alt=45"><img src="images/thumbs/045.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>045</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/046.jpg&height=337&alt=46"><img src="images/thumbs/046.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>046</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/047.jpg&height=337&alt=47"><img src="images/thumbs/047.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>047</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/048.jpg&height=337&alt=48"><img src="images/thumbs/048.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>048</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/049.jpg&height=337&alt=49"><img src="images/thumbs/049.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>049</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/050.jpg&height=337&alt=50"><img src="images/thumbs/050.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>050</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/051.jpg&height=337&alt=51"><img src="images/thumbs/051.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>051</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/052.jpg&height=337&alt=52"><img src="images/thumbs/052.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>052</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/053.jpg&height=337&alt=53"><img src="images/thumbs/053.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>053</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/054.jpg&height=337&alt=54"><img src="images/thumbs/054.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>054</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/055.jpg&height=337&alt=55"><img src="images/thumbs/055.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>055</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/056.jpg&height=337&alt=56"><img src="images/thumbs/056.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>056</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/057.jpg&height=337&alt=57"><img src="images/thumbs/057.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>057</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/058.jpg&height=337&alt=58"><img src="images/thumbs/058.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>058</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/059.jpg&height=337&alt=59"><img src="images/thumbs/059.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>059</p>    </div>    <div class="left">    <a href="photos.html?src=images/watermark/060.jpg&height=337&alt=60"><img src="images/thumbs/060.JPG" width="100" height="100" alt="thumb" /></a><br />    <p>060</p>    </div>    <div id="arrowfooter">         <a href="folder.html" title="first"><<   </a>        <a href="folder.html" title="previous"><   </a>        <a href="folder.html" >1 </a>        <a href="31_60.html" id="currentfooter">2 </a>        <a href="61_90.html">3 </a>        <a href="91_120.html">4 </a>        <a href="121_150.html">5 </a>        <a href="151_180.html">6 </a>               <a href="61_90.html" title="next">    ></a>        <a href="151_180.html" title="last">   >></a>           </div></div><div id="footer"><p>© Photomotion.org.uk 2007 </p></div>   </body></html>

Photo Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Photomotion: Photo Page</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="../../../styles.css" rel="stylesheet" type="text/css" /><script type="text/javascript">function parseQueryString(queryString) {  var queryObject = new Object();  queryString = queryString.replace(/^.*\?(.+)$/,'$1');  while ((pair = queryString.match(/([^=]+)=\'?([^\&\']*)\'?\&?/)) && pair[0].length) {    queryString = queryString.substring( pair[0].length );        if (/^\-?\d+$/.test(pair[2])) pair[2] = parseInt(pair[2]);    queryObject[pair[1]] = pair[2];  }  return queryObject;}</script></head><body>    <div id="top">        <div id="logoline"><h1>Photomotion.org.uk</h1>        </div>            <div id="modernbricksmenu2">            <ul>            <li style="margin-left: 1px" id="current"><a href="../../../index.htm" title="Home">Home</a></li>            <li><a href="../../../services.html" title="New">Services</a></li>            <li ><a href="../../../contact.html" title="Revised">Contact</a></li>            </ul>            </div>    </div>    <br style="clear: left" /><div id="main"><h2><a href="../../../index.htm">Event Index</a> > <a href="folder.html">Albums</a> > Photo</h2><div class="center"><script type="text/javascript">    var queryObj = parseQueryString( location.search );	var	alt = unescape(queryObj.alt);	document.write("<h2>Image#: " + alt + "</h2>");	document.write("<img src=\"" + queryObj.src + "\" width=\"500\" height=\"" + queryObj.height + "\" alt=\"" + alt + "\" /><br />\n");</script></div></div><div id="footer"><p>© Photomotion.org.uk 2007 </p></div>   </body></html>

Synook · November 22, 2007

You are giving the thumbnail images capitalised extensions (.JPG) but the thumbnails that don't load have lowercase extensions (.jpg) ...

Sign In

thumbnail gallery

Recommended Posts

andrewgsilver

Link to comment

Share on other sites

javaholic5

Link to comment

Share on other sites

andrewgsilver

Link to comment

Share on other sites

Synook

Link to comment

Share on other sites

Archived

Browse

Activity