Image and Thumbnail Display Changes

[a68designer]

Hello,

I am using viewlisting.tpl and here is what I am trying to do...

If a user uploads 5 images, thus creating 5 thumbnails, I only want the first thumbnail to show (1 thumbnail total) and I want all of the large images to display underneath my description rather than a popup. A link to "Enlarge this Image" will be under the 1 thumbnail and when clicked, it will bring you down to the section under the description where all of the large images are displayed.

I'm not a php programmer so any assistance with this request would be very much appreciated.

[Eric Barnes]

I have just done something similiar. Here is the code I used which you may need to modify:

<!-- // Image // -->
			{foreach from=$data item=image name=foo}
				{if $smarty.foreach.foo.first}
					<a href="javascript:void(viewer.show(0))">
						<img src="photos/{$image.image}" hspace="5" vspace="5" width="330" class="image" border="0" alt="{$image.title}" />
					</a>
				{/if}
			{foreachelse}
				 <img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
			{/foreach}
			<br />
			<!-- // Thumbs // -->
			{counter start=-1 print=0}
			{if $viewphotos=="Y" && $data <> ''}
			<table width="100%">
			{section name=tr loop=$data step=3}
				<tr>
					{section name=td start=$smarty.section.tr.index loop=$smarty.section.tr.index+3}
					<td valign="top">
						{if $data[td]<>""}
							<a href="javascript:void(viewer.show({counter}))">
								<img src="thumbs/small_{$data[td].image}" hspace="2" vspace="2" class="image" border="0" width="100" height="100" />
							</a>
						<br />
						{/if}
					 
					</td>
					<td>
					{/section}
				</tr>
			{/section}
			</table>

{/if}

[Eric Barnes]

I also had to add this to the top of viewlisting.tpl for the slideshow:

<script type="text/javascript"
	src="http://slideshow.triptracker.net/slide.js"></script>
<script type="text/javascript">
<!--
	{literal}
		var viewer = new PhotoViewer();
	{/literal}
		{if $viewphotos=="Y" && $data <> ''}
			{foreach from=$data item=image}
				viewer.add('photos/{$image.image}');
			{/foreach}
		{/if}
//--></script>

[bowers01 +]

Hi,
When finished could i please have a link to the site it was done on. I would really like to see what it ends up like.
Cheers

[bowers01 +]

Hi,
A demo of it can be found at www.truckandmachinery.com.au

Cheers

[cliff +]

Very Nice, I added to my site. Many thanks.

[a68designer]

That looks great, but I need something very simple...

Let's say a user uploads 8 images - I just need the 1st thumbnail image to appear on top next to the listing views, expiration, title, etc., and when clicked on, it would take you below the description where the 8 larger images are displayed (so I need the large images to display on the viewlisting.tpl file just under my description rather than in a new popup window...)

I can try to work with the data you provided, but I doubt I will get very far. Can anyone offer any sort of assistance as to how I can achieve my client's request?

A good starting point would be just to get the large images to display on the same page in a defined area (under the description)...

Your help is very much appreciated.

[Maffo +]

Posts like this are excellent. Posts like this should be added to the instructions.

The last post should be started as a new thread and hoppefully a solution found

[a68designer]

Does anyone have any initial steps I can take or thoughts/ideas of how to achieve the format described below...? I need this as soon as possible and any help is much appreciated. I really need the large images to display on the same page in a defined location.

Thanks in advance...

Originally Posted by a68designer

That looks great, but I need something very simple...

Let's say a user uploads 8 images - I just need the 1st thumbnail image to appear on top next to the listing views, expiration, title, etc., and when clicked on, it would take you below the description where the 8 larger images are displayed (so I need the large images to display on the viewlisting.tpl file just under my description rather than in a new popup window...)

I can try to work with the data you provided, but I doubt I will get very far. Can anyone offer any sort of assistance as to how I can achieve my client's request?

A good starting point would be just to get the large images to display on the same page in a defined area (under the description)...

Your help is very much appreciated.

[Lhotch +]

Edited since it apparently has no value.