 | | |
|
watersidedesign
New User
Mar 18, 2008, 6:05 AM
Post #1 of 2
(510 views)
Shortcut
|
|
Thumbnail image quality - The answer?
|
Can't Post
|
|
Hi All,
I have been using Listings Manager for several years now and one of the main problems i've had is the quality of the thumbnails when they are automatically resized from the main image. For my customers who have photo editing skills I use the following method as it gives perfect thumbnails and perfect main images. I thought I would share this with members incase it's of any use.
First I create my main image(s) at the size required. I then create a thumbnail version of these images in a photo editing package. Using LM I add my product and upload the thumbnail image to the preview image field in LM and any main images to image#1, image #2 etc.
My search templates will automatically use the thumbnail images to display my lists of products. No alteration to the standard template code is required. However, I do have to change the code behind the _publish_listing.html file.
If I am only using a single main image I simply put the following code where I want the main image to appear:
<img src="$listing_url$/images/$listing_num$_2.jpg" width=275 border=0>
Make sure that this line is outside of the <!-- templatecell : image --> <!-- /templatecell : image --> tags otherwise you will see your image twice.
If I have a site with multiple images where the number of images used is different for each product, I use 'on error' to trap the images that don't exist and simply tell it to display a blank image like this:
<img src="$listing_url$/images/$listing_num$_2.jpg" alt="$lfield1$" width="250" border=0 onerror="this.src='/listman/images/spacer.gif'; this.width='1';">
<img src="$listing_url$/images/$listing_num$_3.jpg" alt="$lfield1$" width="250" border=0 onerror="this.src='/listman/images/spacer.gif'; this.width='1';">
Again, make sure that this code is outside of the <!-- templatecell : image --> <!-- /templatecell : image --> tags.
Another option is to display one large image with thumbs down the side so that when the user clicks the thumbs, the main image changes. I have attached a file containing the script and an example template demonstrating this.
I'm sure there are others ways but this works for me - hope its of use to someone :)
|
|
Attachments:
|
example.txt
(5.02 KB)
|
|
| |
|
Donna
Staff
/ Moderator
Mar 18, 2008, 12:55 PM
Post #2 of 2
(504 views)
Shortcut
|
|
Re: [watersidedesign] Thumbnail image quality - The answer?
[In reply to]
|
Can't Post
|
|
Hi there -- thanks for sharing! :)
Donna
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
