Image and Thumbnail Display Changes

As I said in my original post that you dismissed, you need to use a path to the image. What you are doing above is passing the images ID number to another script.

<img src="{$smarty.const.URL}/photos/{$image.image}" />

Forgot to say but if you decide to go with viewlistings2.tpl then this is the key line for you <img src="photos/[[image]]" width="254" height="218" class="image" border="0" alt="[[title]]" />

You are just calling for a file from a directory called photos which exists at the top level. You will see that if you look at the files on your server.

If memory serves me correctly you must say that you are using the horizontal listings in your admin control panel to use what i gave you. I think you will find it easier to work with viewlistings2 than viewlistings (the vertical view listings file).

Just remove the original foreach loop that looks like this (assuming still using the template with images down the side).......

Code:

{foreach from=$data item=image}
<p><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}&width={$image.width}&height={$image.height}','_popup','width={$image.width+80},height={$image.height+100},directories=no,location=no,menubar=no,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" alt="{$image.title}" /></a><br />{$image.title}</p>
{foreachelse}
<img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
{/foreach}

and replace it with just a sinlge link using the first element of the data array like this....

Code:

<p><p><a href="<put your link to anchor below here> <img src="thumbs/small_{$data.0.image}" hspace="5" vspace="5" class="image" border="0" alt="{$data.0.title}" /></a><br />{$image.0.title}</p>

If you append debug=1 to the tail of your URL while viewing an ad you can see all of the variables assigned from the scripts to the template.

A variable is generally a name and a value. An array is a name but has multiple values, each of them with a name (ie key) and in the case of the images its actually a multidimensional array so there are arrays within in array.

an eample....

$data is the name of the array. In it there are 4 more arrays, they werent given names explicity so they were assigned numbers as names (ie keys) and then in each of those there are name (ie key) value pairs.

{$data} Array (4)
0 => Array (7)
id => "4779"
pid => "1763"
title => ""
image => "dsc03846.jpg"
rank => "5"
width => 400
height => 300
1 => Array (7)
id => "4780"
pid => "1763"
title => ""
image => "dsc03848.jpg"
rank => "5"
width => 400
height => 300
2 => Array (7)
id => "4781"
pid => "1763"
title => ""
image => "dsc03852.jpg"
rank => "5"
width => 400
height => 300
3 => Array (7)
id => "4782"
pid => "1763"
title => ""
image => "dsc03855.jpg"
rank => "5"
width => 400
height => 300

since you just want to display the 1st image we access the array by first using its name which is $data. Then we append the key after that ie $data.0 and then we specify which key within there, ie $data.0.image which is using the above example would output dsc03846.jpg

an anchor to another section on the same page just uses the name of an anchor. In the bottom half you have give it a name of "viewlarge" but on the top where you link to it you are using <a href="{$image.0.image}#viewlarge">

the dollar sign indicates the target is an anchor on the same page and the viewlarge is the name but why do you have {$image.0.image} before the dollar sign?

This may be due to the fact that there are multiple templates that make up the page. Cant say I have ever tried to just us an anchor.

Keep in mind thought that {$image.0.image} is not a full URL, its just a file name. try.....

<a href="{$smarty.const.URL}/photos/{$image.image}#viewlarge">view larger image</a></p>

not sure what I was thinking it, that shouldnt work. Thats a link to the photo. You need to try and link to existing page but it has variable data in the URL. Not sure how this would be done, have to think on it.


try

<a href="{$smarty.const.URL}/viewlisting.php?view{$lid}#viewlarge">view larger image</a></p>