large image w/ surrounding thumbnails in viewlisting page

[whoazone]

THANK YOU!

it is there now, BUT no large image - I can move the image viewer code around and make it appear where I want it and set the width, etc.

But no matter what, I get a red "x" instead oft he large image showing up.

I placed/replaced the code on both the viewlisting.tpl.php pages (1 and 2). Any idea why my large image isn't showing up? the caption is there, and changes when I click the thumbnails, but no large image comes in.

[Chaslie]

What is the URL of your site?
Can you copy and paste viewlistings.tpl.php here please?

[whoazone]

a listing in which you can see my error is:

http://www.whoazonehorses.com/ads/vi...ng.php?view=13

the complete code on both my viewlistings pages is as follows:

{* $Id: viewlisting.tpl.php,v 1.4 2006/12/04 21:15:44 Eric Exp $ *}
<script type="text/javascript" language="javascript">
{literal}
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder').src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
{/literal}
</script>
{* Display the breadcrumb *}
<p class="breadcrumb">
{if $friendly}
<a href="category/" class="breadcrumb">{$smarty.const.LANG_BROWSE_CATE GORIES}</a>
{else}
<a href="category.php" class="breadcrumb">{$smarty.const.LANG_BROWSE_CATE GORIES}</a>
{/if}
{foreach from=$breadcrumb item="entry"}
{$smarty.const.LANG_CAT_SEPERATOR} {$entry}
{/foreach}
</p>
{* Are you an administrator? *}
{if $smarty.session.userlevel==1}
{include file="viewlisting/listingadminlinks.tpl.php"}
{/if}
{* Now show the main table *}
<table class="tableborder" width="100%">
<tr>
<th><strong>{$listingtitle}</strong></th>
</tr>
<tr>
<th>{* This the image display portion *}
<script type="text/javascript" language="javascript">
{literal}
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder').src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
{/literal}
</script>
{if $viewphotos=="Y"}
{if $data<>""}

<table width="100%" border="0" cellspacing="0" cellpadding="5" id="table1">
<tr>
<td width="85%" bgcolor="#FFFFFF">

{section name=image loop=$data max=1}
<p align="center"><img id="placeholder" src="photos/{$data[image].image}" alt="" class="imageborder" /></p>
<strong><p align="center" id="desc">{$data[image].title}&nbsp;</p></strong>
{/section}</td>
<td bgcolor="#FFFFFF">
<DIV STYLE="height:200px; width:150px;overflow:auto">
<div align="center">
scroll &amp; click to
</div>
<div align="center">
view more photos</div>
<div align="center">
{foreach from=$data item="entry"} <a onclick="return showPic(this)" href="photos/{$entry.image}" title="{$entry.title}&nbsp;"><img src="thumbs/small_{$entry.image}" hspace="5" vspace="5" border="0" class="imageborder" /></a>
{/foreach}
</div>
</div>
</td>
</tr>
</table>
{/if}
{/if}
{* This ends the image display portion *}
</th>
</tr>
<tr>
<td valign="top" class="pformleft">
<table width="100%" border="0" cellpadding="4" cellspacing="0" class="norm">
{if $viewseller=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_SELLER}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%"><a href="viewmember.php?member={$ownerid}">{$ownernam e}</a></td>
</tr>
{/if}
{if $viewaddress=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_ADDRESS}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$owneraddress}</td>
</tr>
{/if}
{if $viewcity=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_CITY}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$ownercity}</td>
</tr>
{/if}
{if $viewstate=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_STATE}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$ownerstate}</td>
</tr>
{/if}
{if $viewcountry=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_COUNTRY}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$ownercountry}</td>
</tr>
{/if}
{if $viewphone=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_PHONE}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$ownerphone}</td>
</tr>
{/if}
{if $viewprice=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_PRICE}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$listingprice}</td>
</tr>
{/if}
{if $viewdate=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_DATE_ADDED }:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$dateadded|date_format:$dateformat}</td>
</tr>
{/if}
{if $viewexpiration=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_EXPIRATION }:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$listingexpiration|date_format:$datef ormat}</td>
</tr>
{/if}
{if $url<>""}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_EXT_URL}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$url|linkurl:30}</td>
</tr>
{/if}
{if $viewhits=="Y"}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$smarty.const.LANG_VIEWS}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">{$listingviews}</td>
</tr>
{/if}
{* Extra Fields *}
{foreach from=$extra item=extras}
<tr>
<td valign="top" style="border-bottom: 1px solid #800000" width="30%"><strong>{$extras.title}:</strong></td>
<td valign="top" style="border-bottom: 1px solid #800000" width="69%">
{if isset($extras.value)}
{foreach key=key item=item from=$extras.value}
{$item}<br />
{/foreach}
{/if}
</td>
</tr>
{/foreach}
{* End Extra Fields *}
{if $description<>""}
<tr>
<td colspan="2" valign="top" style="border-bottom: 1px solid #800000" bgcolor="#FFFFFF"><strong>{$smarty.const.LANG_DESC RIPTION}: </strong>
<p><br />{$description}</td>
</tr>
{/if}
</table>
&nbsp;</td>
</tr>

<tr>
<td>{include file=viewlisting/listingextras.tpl.php}</td>
</tr>
</table>
{if $allowcontact=="Y" && $display=="Y"}
{include file=contact/contactowner.tpl.php}
{/if}

[Chaslie]

Can you look in your http://www.whoazonehorses.com/ads/photos/ directory and tell me if you see 'all' the pics that should have been uploaded.

If they are not there, CHMOD the /photos/ directory to 777 and add a new entry with pics and see if that helps.

[whoazone]

yes - all images are there. and remember - the captions show up when I change, just not the photos. and the same photos that appear in the thumbnail do NOT show up as the large image.

now what else did you want me to do? I don't understand.

Soemthing interesting too --- I have run a couple test versions of this whole site as I've figured things out. the last test version began giving me an "error - no listings found" on the home or browse pages when I messed with the viewlisting pages. I thought I just broke something so I reloaded a whole new test version and changed everything over.

But today, it seems I began getting the same error after I messed with the viewlisting on this version. I am sure there is a connection, but I have NO idea what to do about it. Ugh.

You interested in logging into admin and and poking around?

[Chaslie]

Let's double check these pics are loaded correctly.

This is the thumbnail for the listing you mentioned above. http://www.whoazonehorses.com/ads/th...rowdy_body.jpg You can see the image is displaying correctly as it is in your listing.

Now here is the reference for the full sized version. http://www.whoazonehorses.com/ads/photos/rowdy_body.jpg .... and you will see that it is not being displayed. This suggests that the image reference for the full size pic is incorrect. That would explain why you are getting a broken image.

Please double check that 'rowdy_body.jpg' is located within the /ads/photos/ directory.

Also check its file size after you have uploaded it. Make sure it is not 0Kb.

Also, are you removing all 'spaces' from file names before uploading them?

[whoazone]

wow - only the "small" versions of my images are in the photos folder. where did all my others go? I loaded them and thought they'd save an original plus a thumbnail. how can I straighten this out?

[Chaslie]

wow - only the "small" versions of my images are in the photos folder

Let's clarrify that statement because we need to be very specific and accurate in order to fix a perceived problem.

Rather you should be saying, "wow - only the "small" versions of my images are in the thumbs folder"

Now I need you to accurately answer this question again - Can you look in your http://www.whoazonehorses.com/ads/photos/ directory and tell me if you see 'all' the pics that should have been uploaded.

When I asked that question before, you said they were all there. Now it seems you are saying they are not there. What is the coreect answer?

I also note you are using a Windows server. That may have something to do with the problem.

[whoazone]

can this have anyting to do with it? I used your guys' image upload viewer thing (code below)

$prodID=$rs['oPackageID'];

//get the images info
$sSQL = sprintf("SELECT id,pid,title,image FROM ".PREFIX."prodimages WHERE pid = %s ORDER BY rank ASC",$listingid );
$result=$db->query($sSQL);
$image=array();
while ($rs=$result->fetch())
{
$rs['title']=safeStripSlashes($rs['title']);
$size = @getimagesize('../photos/'.$rs['image']);
$rs['width']=$size[0];
$rs['height'] = $size[1];
$image[]=$rs;
}

//get the total number of images


the setting is "0" in one spot - is it not loading the files properly so in turn cannot display them properly? i have the same files in thumbs as in photos. maybe its just making all thumbnails?

ideas? I'm a little lost....

[whoazone]

sorry for being inaccurate.

the photos folder has all my pics with the prefix "small" before the name. I was wrong before - had only glanced at the contentof hte name and not the full title. i apologize.

the thumbs folder also has the "small" pics in it, same as the photos folder. they are a matched set.

yes, I am on a windows server. I was unaware that this would be an issue.