[Bucketman]

I've noticed in a few 68 classifieds sites that people have a viewlisting page where it displays a photo in large size with the other photos small - and if you click on the small photo's , the larger changes to that clicked photo.(www.gotodetails.com is a prime example).

I would like to know is it a mod/code hack or a template thing.

[juven14]

Add this to viewlisting.tpl.php:

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

Replace your view image part with this one:

{* This the image display portion *}
                 {if $viewphotos=="Y"}
                     {if $data<>""}
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
     <tr>
          <td width="80%">
          {if $data}
          {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>
        </tr>
            <tr>
          <td>
          <DIV STYLE="height:100px; width:400px;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>
        {/if}  </td>
     </tr>
</table>
 {/if}
                 {/if}
                 {* This ends the image display portion *}        

it's strickly on the template level.

This is code from one of Eric's classifieds site.

[Bucketman]

I put the code into the Viewlistings file and it works fine for the first Ad I place, but any subsequant ads I put on, when you click on a thumbnail it will open the picture in another window.

To understand what I mean you can go to my test site www.gobuyitsydney.com and have a loo. If you look at the Total Gym ad it works fine - the first one I placed after doing the code change. But if you have a look at the Jornada Ad (Pics are a little misleading), when you click on one of the thumbnails, it opens it up in another window. Weird'o'rama. Wonder why the first one works

Any ideas

[juven14]

In my experience, this behavior only occurs when the images have no titles. I just made image titles manditory and it solved my problems.

[quickbiz]

Originally Posted by juven14

In my experience, this behavior only occurs when the images have no titles. I just made image titles manditory and it solved my problems.

Hi

How did you do images title manditory? i have placed a .

Regads

//Bosse

[Bucketman]

Yes it only works if the user enters a description for the image. Is there a way to make it mandatory for the user to enter a description, or alternatively, for the page to recognise that nothing has been entered for description, and to default it to "." or similar.

Sorry, I'm no coder so don't really know how this is done - investigating though.

[juven14]

Yes, I did this at my site. Let me dig up the code.

Edit: Can't find it, I have one suggestion though, you might change the default value of title in the db, currently it is NULL.