large image w/ surrounding thumbnails in viewlisting page

[Chaslie]

You have the code below entered twice into viewlisting.tpl.php. Remove one of these - any one is OK.

{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}

[Chaslie]

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.

Ok - time to raise a 'ticket' about this given you are saying "that both /thumbs/ and /photos/ directory contain identical images with each image being a thumbnail only and each having the prefix of 'small_' ".

I think the 'ticket' area for support should be here: http://www.68classifieds.com/login

[whoazone]

the duplicate code was necessary to maek the thing run - see instruction per earlier threads. I'll submit a ticket. Thanks for trying.

PS and you think it has nothing to do with the image loader aspect possibly loading images wrong from the get-go?

(see my previous posting from this evening)

[Chaslie]

I'm not sure. The problem seems to be that the original image when being uploaded does not go into the correct directories. The original image should be resized in go into /photos/ plus the original image should be resized to thumbnail size to go into /thumbs/. The thumbnail images are then renamed to have 'small_' added to the front of the thumbnail image file name.

Let's know the results so if others have the same problem, your info will be able to help them.

BTW, that duplicate code in viewlisting.tpl.php only has to do with 'displaying' the pics - not the uploading of the pics.

[Lhotch]

I think we should back up a step. Does the image upload work with the original install, before any modifications where made? If so then the script runs fine and this isnt technically a support issue.

68C free support is geared toward getting your site running as written by the developers. Adding code and modifying the scripts is beyond that and not technically part of "free support". Thats not to say you wont get help, but it certainly isnt a priority, if it was, then they would be flooded with people asking for them to hold their hand through making all sorts of custom modifications and changes and they would not have time for legitimate support tickets or to fix bugs and make code enhancements.

[Chaslie]

Larry is correct - I should have suggested you replace the custom viewlisting.tpl.php with the original to test it again. Now by rights, it should not make a difference given what you have stated in the last couple of posts. But then again, if there is a problem, the original files needs to be reinstalled just to do a final check. Do that first then if the problem is still evident (with the original 68C files), raise a ticket.

[whoazone]

OK - I have resinstalled and tested the master files again, and they work fine in appearance, but still my images are not named/sized properly (tho they are placed in both photos and thumbs, both folders amke them thumb size and rename them with a "small" prefix). When I go back to the image viewer modifications, the same errors occur.

My plan is to reinstall the entire site on a fresh spot today. Then, I will make my photo viewing and photo loading modifications in reverse order and see what happens.

I'm still greatly disturbed by my "error- this listing is expired" when I go to browse and catagories to look for my ads. Logged in or out, as a user or guest, after refreshing, etc, and all my user group settings I've checked and double checked. This error occured in my last test version about the same time I was messing with the veiwlisting pages.

I'll be very careful and methodical this time (Take 3) and will certainly keep you advised of my discoveries - which will hopefully be successful! Thanks.

[whoazone]

Hi guys - I tried orginal files and had no luck. So there must have just been a glitch somewhere cause I reinstalled 68C and started from scratch and now my image view and thumbnails on image upload are working NEARLY perfectly... my pics are saving in correct folders and file types and displaying perfectly except for now I don't get the caption to show up on the large image. Before, when my large image was not showing up, I saw the caption change even tho the pic wasn;t there. But now I get the large image beautifully, but no caption. But I did adjust the table space around the large photo to 100% - could I have deleted the white space in which a caption would appear? The functional code seems intact. Can you take a peek?

Here is the code that works (with the exception of the caption) in case anyone needs it or can figure out my caption flaw

{* $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" height="100%">
<tr>
<td width="77%" bgcolor="#FFFFFF">

{section name=image loop=$data max=1}<p> </p>
<p align="center"><img id="placeholder" src="photos/{$data[image].image}" alt="" class="imageborder" /></p>
<strong><p align="center" id="desc">{$data[image].title} </p></strong>
{/section}</td>
<td bgcolor="#FFFFFF" height="400">
<DIV STYLE="height:381px; width:150px;overflow:auto">
<p align="center" style="margin-top: 0; margin-bottom: 0"><b>
<font color="#800000">scroll and click to </font></b></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><b>
<font color="#800000">view more </font></b>
<font color="#800000"><b>images</b></font></p>
<div align="center">
{foreach from=$data item="entry"} <a onclick="return showPic(this)" href="photos/{$entry.image}" title="{$entry.title} "><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><br />{$description}</td>
</tr>
{/if}
</table>
 </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}

the test page where you may view a working listing is http://www.whoazonehorses.com/ads/

thanks

[whoazone]

Sorry guys - my captions were not showing up because I have white font on a white background. Opps....

Everything works perfectly and this image viewer is absolutely perfect. Thanks.