Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 General help me questions
 ThumbNails
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

RNN
VP-CART New User

USA
54 Posts

Posted - February 03 2003 :  22:24:37  Show Profile  Visit RNN's Homepage  Reply with Quote
If I have a thumbmnail image and click on it to enlarge.
Do I really need two images 1 for the TN and 1 for the bigger image or is there software that can do it using one image?

Bob

support
Administrator

4679 Posts

Posted - February 03 2003 :  22:34:42  Show Profile  Visit support's Homepage  Reply with Quote
One image is sufficient. You can put the same image name in the extendedimage field or change the template to use the cimageurl field


VP-ASP Support

Go to Top of Page

taylorphoto
VP-CART New User

USA
53 Posts

Posted - April 26 2004 :  15:17:25  Show Profile  Visit taylorphoto's Homepage  Reply with Quote
Thumbnails can be automatically sized by editing three pages:
shopdisplaycategories.asp
shopproductformat.asp
shopdisplayproducts.asp

First: In the shopdisplaycategories.asp page, find the word "StrCatImage".
You will see a line that looks like this:
<a href="shopdisplayproducts.asp?id=<%=id%>&cat=<%=linkname%>"><img border="0" src="<%=StrCatImage%>"</a>

Edit the line by adding the needed width or height value AFTER the close qhotes that follow StrCatImage.

Example:
<a href="shopdisplayproducts.asp?id=<%=id%>&cat=<%=linkname%>"><img border="0" src="<%=StrCatImage%>" width="100"></a>

You can specify width AND height but images not to the same proportions won't appear correctly, so I suggest only specifying one dimension.

SECOND: In the shopproductformat.asp find the word "strcimageURL"
and enter your width or height value after the close quotes just as you did in the previous.

THIRD: In the shopdisplayproducts.asp find the word: "ImageFileName" and do the same as previous.

SPECIAL NOTE: Only change the lines that indicate an image is being pulled. There may be other lines on those pages that have the words indicated but you only should change the lines that are actually sourcing the image.

ALSO: The browser is only DISPLAYING an image in the size you specify. It is actually showing the full size image at a smaller dimension. THIS IS NOT TRUE THUMBNAILING only a way to upload one image instead of multiple images for the same item.

Go to Top of Page

GTM
VP-CART New User

USA
122 Posts

Posted - April 26 2004 :  17:27:19  Show Profile  Reply with Quote
A couple of things to look at is that images that are resized tend to get pixelated (blurry) especially with the .gif format as it has only been resized and not optimized. Second, the thumbnail image is going to have a longer load time as it is the same size as the larger image and with slower bandwidth can be time consuming. If you do decide to use this method and as it was stated above to set either the width or the height but not both for proportion reasons.

Greg

Go to Top of Page

Cam
VP-CART Super User

Australia
361 Posts

Posted - April 26 2004 :  23:39:05  Show Profile  Visit Cam's Homepage  Reply with Quote
I agree with Greg. You don't need to have 2 images if they will be displayed at the same size.

If they are to displayed at diffrent sizes though I would personally go with 2 different images.

One of the main things that can make a site look shabby are the images. If your images look bad it will reflect poorly on your site.

Do a search on image programs. You may be able to find a free one or a very cheap one out there will automatically resize your images.

Email me at http://www.vpasp.com/sales/shopcustcontact.asp if you like as we have a 30 day demo of one that I can send you if you want. Not ours but we had the manufacturers modify it for us to my specs. Creates a thumbnail and main image from any image files you have. Can batch up to 300 or so at once if you have lots of images. Saves you doing this one by one.

Thanks,
Cam

*************************************
Cam Flanigan
YourVirtualStore Sales
e-mail:
http://www.vpasp.com/sales/shopcustcontact.asp
web: http://www.yourvirtualstore.net

Build you own YourVirtualStore!!!
www.yourvirtualstore.net
*************************************
Go to Top of Page

[email protected]
Starting Member

USA
44 Posts

Posted - April 28 2004 :  18:55:45  Show Profile  Visit johnrobinson@grahamcrackers.com's Homepage  Reply with Quote
I use express thumbnail creator. Type it in google and you'll find the direct link. They have a 30 day trial period for you to mess with it at first as well.

Great program, does the job quickly and easily.

--John Robinson
www.grahamcrackerscomics.com
Go to Top of Page

taylorphoto
VP-CART New User

USA
53 Posts

Posted - May 10 2004 :  12:33:07  Show Profile  Visit taylorphoto's Homepage  Reply with Quote
If you are using the larger image file and DOWNSIZING it, then you won't have pixelation. I am a photographer using a 14 megapixel camera and I bulk downsize images for product display. I downsize to the maximum viewing size and then allow the VPASP edits I stated to display a thumbnail of the larger image. THUS NO PIXELATION. Only one image is on my server, I only have to upload the one image instead of two. For those mentioning pixelation please re-read my final point at the bottom of my original post:
"ALSO: The browser is only DISPLAYING an image in the size you specify. It is actually showing the FULL size image at a smaller dimension. THIS IS NOT TRUE THUMBNAILING only a way to upload one image instead of multiple images for the same item."


Go to Top of Page

jonmadrid
VP-CART New User

USA
192 Posts

Posted - May 10 2004 :  14:16:20  Show Profile  Visit jonmadrid's Homepage  Reply with Quote
This is in line with what taylorphoto posted just above... Simply changing the dimensions of a larger file so it appears smaller will work, no doubt, but it doesn't do anything for the file size. The whole image is being loaded into the browser, no matter what size you make it display on the page. So, if your base image is fairly large and you're just changing the dimensions in the code to make it appear smaller, you're still downloading the larger file. It may be easier to only upload one file and be done, but it's actually better practice to provide the correct sizes rather than having them resized on the fly.

Your viewers will likely notice a speed increase with page loads because the file sizes will be proportinate to the size they are being displayed at, and you won't be transferring more data than is necessary. It'll save on bandwidth, server resources, and most important your viewers time.

Thumbnail for best results.

All the best,

Jon Madrid
--------------------
Madrid Communications
Web Design, Development, and Hosting
www.madridcom.com
Go to Top of Page

greatphoto
VP-CART Super User

USA
304 Posts

Posted - May 10 2004 :  19:27:16  Show Profile  Reply with Quote
Jon is right on. An additional negative to writing your HTML to display smaller than actual size is that the browser is not as good at downsizing your image as an imaging tool such as Paint Shop Pro, Photoshop, or one of the utilities already mentioned. A good imaging program has advanced algorithms for reducing the size while keeping the image very smooth and natural in appearance. The browser does tend to make downsized images look a little blocky since it doesn't do a good job in selecting which pixels to leave out and which color values to interpolate.

This can turn a nice photo ugly....I've noticed it several times on sites I have worked on when I have accidently referenced the larger image when I intended to show the thumbnail. It looks much worse. Thumbnail is the way to go. As already pointed out, there are tools to make this easy.

Go to Top of Page

GTM
VP-CART New User

USA
122 Posts

Posted - May 12 2004 :  02:33:59  Show Profile  Reply with Quote
Unless you are using Vector Graphics which are representing pictures mathematically by assigning coordinates and drawing line or geomatric shapes in relation to them you should have no problem. Rastor graphics as mentioned above are made up of pixels or dots. Just like what you see in a newspaper or magazine. Rastor images come in many file formats such as .gif, .jpg, .tiff, .bmp
The resolution of a rastor based graphic, which is measured in dots per inch or DPI, is set when the image is created. That means the quality of the image is effected at different sizes. Raster images are often limited to their original size and resolution setting.
For example, if an image has a high resolution (lots of dots per inch), you can enlarge it or shrink it with little distortion or loss of quality. However changing the size of a low resolution graphic will make the image look mosaic or blurry this is called pixelation.

Greg

Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00