Support Forums

Image and Thumbnail Display Changes

This is a discussion on Image and Thumbnail Display Changes within the Technical Support forums, part of the Technical Support Forums category; Hello, I am using viewlisting.tpl and here is what I am trying to do... If a user uploads 5 images, ...


Go Back   68 Classifieds Forums > Technical Support Forums > Technical Support

This topic is resolved.

If you have a similar issue that this thread does not address, open a new related support topic.

 
Thread Tools Display Modes
Old 07-22-2008, 01:46 AM   #1
Junior Member
 
Join Date: Jul 2008
Posts: 23
Rep Power: 12
a68designer is on a distinguished road
Lightbulb Image and Thumbnail Display Changes

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.
a68designer is offline  
Old 07-22-2008, 07:11 AM   #2
68 Classifieds Staff
 
Eric Barnes's Avatar
 
Join Date: Mar 2006
Location: Belmont, NC
Posts: 5,489
Rep Power: 133
Eric Barnes is just really nice Eric Barnes is just really nice
Default

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

Code:
<!-- // 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
68 Classifieds Developer
Customer Area | Issue Tracker | Documentation | 68C Mods | 68 @ Twitter | My Modules
Eric Barnes is offline  
Old 07-22-2008, 07:12 AM   #3
68 Classifieds Staff
 
Eric Barnes's Avatar
 
Join Date: Mar 2006
Location: Belmont, NC
Posts: 5,489
Rep Power: 133
Eric Barnes is just really nice Eric Barnes is just really nice
Default

I also had to add this to the top of viewlisting.tpl for the slideshow:
Code:
<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>
__________________
Eric Barnes
68 Classifieds Developer
Customer Area | Issue Tracker | Documentation | 68C Mods | 68 @ Twitter | My Modules
Eric Barnes is offline  
Old 07-22-2008, 07:40 AM   #4
Genius At Work
 
bowers01's Avatar
 
Join Date: May 2008
Location: Geelong, Victoria, Australia
Posts: 1,086
Rep Power: 33
bowers01 is on a distinguished road
Default

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
__________________
Nick Bowers
68c v4.1.10 Developer Custom Template
bowers01 is offline  
Old 07-23-2008, 07:43 AM   #5
Genius At Work
 
bowers01's Avatar
 
Join Date: May 2008
Location: Geelong, Victoria, Australia
Posts: 1,086
Rep Power: 33
bowers01 is on a distinguished road
Default

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

Cheers
__________________
Nick Bowers
68c v4.1.10 Developer Custom Template

Last edited by bowers01; 07-23-2008 at 07:58 AM.
bowers01 is offline  
Old 07-23-2008, 09:27 AM   #6
Junior Member
 
Join Date: Jul 2008
Posts: 14
Rep Power: 12
cliff is on a distinguished road
Default

Very Nice, I added to my site. Many thanks.
cliff is offline  
Old 07-23-2008, 02:42 PM   #7
Junior Member
 
Join Date: Jul 2008
Posts: 23
Rep Power: 12
a68designer is on a distinguished road
Default

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.
a68designer is offline  
Old 07-23-2008, 05:12 PM   #8
The Master
 
Maffo's Avatar
 
Join Date: Mar 2006
Location: British in Argentina
Posts: 1,342
Rep Power: 50
Maffo is just really nice Maffo is just really nice
Default

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
__________________
**Bulk Upload System** has been upgraded. Works on all v4 versions with new functionality. Free upgrade for existing customers.
Maffo is offline  
Old 07-24-2008, 12:22 PM   #9
Junior Member
 
Join Date: Jul 2008
Posts: 23
Rep Power: 12
a68designer is on a distinguished road
Default Still have not found a solution... :(

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

Quote:
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.
a68designer is offline  
Old 07-24-2008, 12:56 PM   #10
curmudgeon
 
Join Date: Mar 2006
Posts: 5,386
Rep Power: 135
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

Edited since it apparently has no value.
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline  
Closed Thread

Thread Tools
Display Modes



All times are GMT -4. The time now is 03:44 AM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2011, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0