large image w/ surrounding thumbnails in viewlisting page

[Eric Barnes]

This goes in the viewlisting template file.

[whoazone]

so the viewlisting.php file? where exactly in the code do i insert this?

[whoazone]

i'm sorry - i see you said template - i am using a modified version of 68 green - i see layout and css files, but no viewlisting template file.

[spaceboy]

it goes in the file found here:

templates > default > viewlistings.tpl.php

[Jessej]

So From what I am reading you just copy and paste the code into the templates>default>viewlistings.tp.php

That is what has been posted. Is that correct? Or does the code actually go into a specific spot in the code? Cause if that is the case, no one has really answered the question. Correct me if I am wrong Please.

[Chaslie]

It 'replaces' this code in viewlisting.tpl.php

So 'cut' out this code below ...

{if $viewphotos=="Y"}
{foreach from=$data item=image}
<p><a href="#" onMouseOver="window.status='View Large Image';return true" onMouseOut="window.status='';return true" onClick="window.open('{$smarty.const.URL}/viewimage.php?photo={$image.id}','_popup','width=4 50,height=500,directories=no,location=no,menubar=n o,scrollbars=yes,status=no,toolbar=no,resizable=no ,left=0,top=0,screenx=50,screeny=50');return false"> <img src="thumbs/small_{$image.image}" hspace="5" vspace="5" class="image" border="0" /></a><br />{$image.title}</p>
{foreachelse}
<img src="images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
{/foreach}
{/if}

.... and then paste in the new code wherever you wish to have it displayed on your page. Are you familiar with 'HTML tables'?

[Jessej]

Thanks alot I know your trying hard to help me, but It still dosn't work for me could it because I am using a Red-auto template?

[Jessej]

Got it to work, now I just need to make my images bigger. Thanks everyone for your patients.

[whoazone]

OK - I have the default template, version 3.1.9.

I have replaced the code

{if $viewphotos=="Y"}
{foreach from=$data item=image}
<p><a href="#" onMouseOver="window.status='View Large Image';return true" onMouseOut="window.status='';return true" onClick="window.open('{$smarty.const.URL}/viewimage.php?photo={$image.id}','_popup','width=4 50,height=500,directories=no,location=no,menubar=n o,scrollbars=yes,status=no,toolbar=no,resizable=no ,left=0,top=0,screenx=50,screeny=50');return false"> <img src="thumbs/small_{$image.image}" hspace="5" vspace="5" class="image" border="0" /></a><br />{$image.title}</p>
{foreachelse}
<img src="images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
{/foreach}
{/if}

with the following code
{* 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="0">
<tr>
<td width="80%">

{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}</p></strong>
{/section}</td>
<td>
<DIV STYLE="height:320px; width:170px;overflow:auto">
<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 *}

on pages veiwlisting.tpl.php AND viewlisting2.tpl.php both alternately, and together, and do not get ANY respsonse whatsoever. My web developer who is helping me did this also and got no repsonse. I can see the change in the code and preview mode, but it refuses to affect the look of tha page. I have refreshed, deleted temp files and cookies, logged out and back in. I have made the changes through the admin window and the files through ftp.

Why won't this change reflect on my page?

Can you PLEASE help me? This should not be so hard to do!

Thanks a million in advance.... Connie

[Chaslie]

Sorry but just realised there is additional code to add.

In viewlisting.tpl.php and viewlisting2.tpl.php just above {* Display the breadcrumb *} , add the following code:

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