oddynoki
01-24-2009, 02:47 AM
1) Script Title: Image Thumbnail Viewer
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
3) Describe problem: Script works fine when I preview it in Firefox and Internet Explorer, but when I upload it to my server, it works with Internet Explorer but not with Firefox, none of the thumbnails show?
The Image Thumbnail Viewer example on the URL above works OK in the version of Firefox I am using.
<td><div align="center"><a href="images\ogee_designs\ogeerose26.jpg" rel="thumbnail" title="Rose design"><img src="images\ogee_designs\thumbs\ogeerose26.jpg" alt="" style="width: 84px; height: 100px" /></a></div></td>
Thanks
Dirt_Diver
01-24-2009, 04:50 AM
Do you have a webpage we can look at?
Also try removing the highlighted,
<td><div align="center"><a href="images\ogee_designs\ogeerose26.jpg" rel="thumbnail" title="Rose design"><img src="images\ogee_designs\thumbs\ogeerose26.jpg" alt="" style="width: 84px; height: 100px" /></a></div></td>
oddynoki
01-24-2009, 10:20 AM
Thanks for your reply. Ive removed the highlighted bits as suggested but still the same.
Here is the webpage
http://www.simplymemorials.co.uk/sm1.html
Thanks
Snookerman
01-24-2009, 10:40 AM
Use forward slashes:
images/ogee_designs/ogeerose26.jpg
Good luck!
Dirt_Diver
01-24-2009, 03:37 PM
Replace your page html with this html.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simply Memorials - Affordable Memorials</title>
<meta name="keywords" content="headstones, ashes graves, buying a headstone, cemetery, cemetery authorities, cemetery headstones, cemetary, cemetry, cemeteries, church of england, churchyard, churchyard headstones, churchyard memorials, churchyard rules, childs headstone, childrens headstones, cost, funeral directors, funeral headstones, granite, granite headstones, grave markers, graves, grave stones, gravestone, gravestones prices, gravestones, head stones, "headstones", headstone, "headstone", headstones and memorials, headstone designs, headstone for a child, headstones for children, headstone shapes, headstones, headstones in, headstones uk, headstones -, hand carved, hand cut, honed, inscription, letters, lettering, marble, memorial, memorial mason, memorialmasons, memorial masons, memorial masons in, memorials, memorial suppliers, memorial stone, memorial stones,monumental mason, monumental masons, monumental masons in, namm, national association of memorial masons, national association of monumental masons, monumentalmasons, polished, headstones, slate, stones mason, tombstones, white marble, wording on headstones, www.headstones" />
<meta name="description" content="Monumental Masons providing high quality headstones, gravestones, cremation tablets and memorials in granite, marble and natural stone at affordable prices" />
<link rel="stylesheet" type="text/css" href="stylesm.css" />
<link rel="stylesheet" href="Scripts/thumbnailviewer.css" type="text/css" />
<script src="Scripts/thumbnailviewer.js" type="text/javascript"></script>
<style type="text/css">
<!--
.style3 {
font-family: "Times New Roman", Times, serif;
color: #D3BED2;
}
.style5 {
color: #FFFF99
}
.style9 {
font-size: 18px;
color: #FFFFFF;
}
.style10 {
font-family: "Monotype Corsiva";
font-size: 24px;
}
.style11 {
font-size: 16px;
color: #DDD8EE;
}
.style12 {color: #DDD8EE; }
.style13 {
color: #DDD8EE;
font-size: 17px;
font-weight: bold;
}
.style15 {font-family: "Monotype Corsiva"}
body,td,th {
font-size: 14px;
}
-->
</style>
<style type="text/css">
<!--
.style16 {
font-size: 18px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="wrap">
<div id="bg">
<div id="header">
<div id="logo">
<h1 class="style15">Simply Memorials</h1>
<div>
<div align="right" class="style3 style11">Affordable Memorials</div>
</div>
</div>
<ul id="nav">
<li><a href="#" class="style5">Home</a></li>
<li><a href="/memorials.html" class="style5">View Memorials</a></li>
<li><a href="/areas_coverd.html" class="style5">Areas we Supply</a></li>
<li><a href="/order.html" class="style5">Place an Order</a></li>
<li><a href="#" class="style5">Contact Us</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div class="main float-l">
<div id="text">
<h2 align="center" class="style13">Ref: SM1</h2>
<p> </p>
<p align="center"><img src="/images/cemetery/black_ogee.jpg" width="350" height="350" /> </p>
<p> </p>
<p align="center">All polished black granite</p>
<p align="center"> </p>
<p align="center">Overall height 2'6" - <span class="style16">£425</span></p>
<p align="center">Overall height 3'0" - <span class="style16">£525</span></p>
<p align="center"> </p>
<p align="center">Price includes VAT, delivery, fixing and 75 free letters (additional letters cost £1 per letter)</p>
<p align="center">If you choose to add a design, please click on one of the images on the right to see prices.</p>
<p align="center">Cemetery/churchyard fee payable to the local authority is not included in the price.</p>
<p align="center"> </p>
<p align="center">NB. The image shows the vase container on the right hand side, but you can have it in the middle or left. If not specified it will come in the centre as standard. Extra vases cost £10 each eg. you could have one each side.</p>
<p align="center"> </p>
<p align="center">To place an order please fill in our online form<a href="/order.html"> here </a>or telephone FREEPHONE 0800 8 786 XXX</p>
<p><br />
</p>
<p class="style5"> </p>
<p class="style5"> </p>
</div>
<div id="col"></div>
</div>
<div class="side folat-r">
<div id="top">
<h2 align="center" class="style13">Optional Designs</h2>
<p align="center" class="style12">Click on an image to enlarge</p>
</div>
<div id="bm">
<p> </p>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<th scope="col"><div align="center"><a href="/images/ogee_designs/ogeewindow2.jpg"" rel="thumbnail" title="Church window design"><img src="/images/ogee_designs/thumbs/ogeewindow2.jpg" style="width: 84px; height: 100px" /></a></div></th>
<th scope="col"><div align="center"><a href="/images/ogee_designs/ogeeshepherd3.jpg" rel="thumbnail" title="Shepherd design"><img src="/images/ogee_designs/thumbs/ogeeshepherd3.jpg" style="width: 84px; height: 100px" /></a></div></th>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"><a href="/images/ogee_designs/ogeerose40.jpg" rel="thumbnail" title="Arched roses and cross design"><img src="/images/ogee_designs/thumbs/ogeerose40.jpg" style="width: 84px; height: 100px" /></a></div></td>
<td><div align="center"><a href="/images/ogee_designs/ogeerose26.jpg" rel="thumbnail" title="Rose design"><img src="/images/ogee_designs/thumbs/ogeerose26.jpg" style="width: 84px; height: 100px" /></a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"><a href="/images/ogee_designs/ogeehandrose.jpg" rel="thumbnail" title="Praying hands design"><img src="/images/ogee_designs/thumbs/ogeehandrose.jpg" style="width: 84px; height: 100px" /></a></div></td>
<td><div align="center"><a href="/images/ogee_designs/ogeefl24.jpg" rel="thumbnail" title="Roses design"><img src="/images/ogee_designs/thumbs/ogeefl24.jpg" style="width: 84px; height: 100px" /></a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"><a href="/images/ogee_designs/ogeefl144.jpg" rel="thumbnail" title="Book design"><img src="/images/ogee_designs/thumbs/ogeefl144.jpg" style="width: 84px; height: 100px" /></a></div></td>
<td><div align="center"><a href="/images/ogee_designs/ogeefl111.jpg" rel="thumbnail" title="Flower design"><img src="/images/ogee_designs/thumbs/ogeefl111.jpg" style="width: 84px; height: 100px" /></a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"><a href="/images/ogee_designs/ogeecross15.jpg" rel="thumbnail" title="Cross design"><img src="/images/ogee_designs/thumbs/ogeecross15.jpg" style="width: 84px; height: 100px" /></a></div></td>
<td><div align="center"><a href="/images/ogee_designs/ogeecross03.jpg" rel="thumbnail" title="Cross and rose design"><img src="/images/ogee_designs/thumbs/ogeecross03.jpg" style="width: 84px; height: 100px" /></a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center"><a href="/images/ogee_designs/ogeearabic29verse833.jpg" rel="thumbnail" title="Arabic inscription"><img src="/images/ogee_designs/thumbs/ogeearabic29verse833.jpg" style="width: 84px; height: 100px" /></a></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p align="center">This is a small selection of designs, if you wish to discuss alternatives please contact us.</p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
<!-- /content -->
</div>
<div id="footer">
<div id="ftinner">
<div class="ftlink float-l">
<p class="style9"><span class="style10">Simply Memorials</span> - FREEPHONE 0800 8 786 XXX</p>
<p> </p>
<p id="copyright">© 2009 Simply Memorials. All Rights Reserved. <br/>
</p>
</div>
<div class="valid folat-r"></div>
</div>
</div>
<!-- /footer -->
</div>
</body>
</html>
oddynoki
01-25-2009, 12:15 AM
I just want to say thankyou to Snookerman and Dirt_Diver for your replies especially Dirt_Diver for taking time to go through the whole page and changing it, it works perfectly now, youve saved me hours messing around with it, well I probably wouldve given up long before then.
Its weird though, with the modified page, when I preview it it doesnt work, but it works when I upload it to the server? Normally if it doesnt work in preview I wouldnt even attempt to upload it to see if it works?
Once again, many thanks, I am very impressed and grateful.
Cheers
Dirt_Diver
01-25-2009, 12:38 AM
sure thing man no problem.
Snookerman
01-25-2009, 08:46 AM
You're welcome, glad to help! You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title. This will let other users know the problem has been solved.
Good luck with your site!
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.