reddeer
|
posted on March 5, 2001 03:41:36 PM new
Toke
I just wanted to thank you for the thumbnail pic info! I had my Nobs Mom check my auction out [that I used your info on] and she said it loaded mega fast compared to my other ones. Thanks again!
Now, if I've got this correct, the way AW does the thumbnail pics, is just as assbackwards as how I was doing it. Is that correct? They only use 1 pic for the thumbnails, so there can't be any savings in load time.
Btw - Nobs asked me to say hello to her Toke-Sis for her. 
|
cdnbooks
|
posted on March 5, 2001 03:52:40 PM new
reddeer
Your 'self-portrait' loaded with lightning speed.
Bill
|
reddeer
|
posted on March 5, 2001 03:54:11 PM new
LOL, thanks Bill! That's me on a good day, you should see me on a bad day! 
|
toke
|
posted on March 5, 2001 03:57:31 PM new
You're welcome, reddeer
I'm just relieved it worked! I am a total non-techie, but I keep plugging away. Sorry to say that I have no clue how AW does it...I've never used their service. Still, it sounds like they may only use the reduced dimension thing, if they're slower loading. That would be useless, if your aim is a quick loading auction.
You think maybe an AW staffer can tell you?
Hi right back to my nobs-sis. Tell her if we make it thru this storm, I'll shoot her an E.....
|
reddeer
|
posted on March 5, 2001 04:01:21 PM new
Toke ..... My guess is AW wouldn't want the word getting out that their thumbnail feature is useless.
It was a lot of screwing around for the auction I just listed [10 pics], but at least now I know I'm doing it correctly. Thanks again for your assist!
I'll pass your message on to Nobs.
|
AnonymousCoward
|
posted on March 5, 2001 04:18:32 PM new
AW does it the right way. They always have. They create a completely new images that is smaller. A 150 KB images is usually shrunk down to 20Kb to 30 Kb.
Not AnonymousCoward on eBay
[email protected]
|
reddeer
|
posted on March 5, 2001 04:30:52 PM new
Hmmmmm. It's hard to tell by the source code, but I'll report back in a bit after I have Nobs check one of my AW listings with the same # & size of pics. Either way, I can now do the same thing myself.
|
AnonymousCoward
|
posted on March 5, 2001 04:58:59 PM new
Take your original pic.
1-resize to a width of 250 pixels
2-reduce the dots per inch to 75~96, the average monitors can only display that without the image being blown up (try same at 100dpi and then 300dpi to see diff.). I did some more verification and this does not affect the imege size in kb. There was no difference in 75dpi and 100dpi since the width is constrained in the html.
3-save as jpg with 70% compresion and you should be there.
**If you use a gif you can also reduce the color pallette to 256 colors. 16 if only a few
are used. (won't work with jpg)
I'll be happy to show you with one of your pics on my scheduler site if you want.
AW uses these urls for pics
http://imagehost.auctionwatch.com...
.../bin/imageserver.x/00000000/username/picname.jpg
for the original pics
http://imagehost.auctionwatch.com...
.../bin/imageserver.x/00000000/username/.mids/picname.jpg
for the thumbnails
AW does not reduce the dpi as far as I can see since it's not really important.
edited to correct point 2 and add urls
Not AnonymousCoward on eBay
[email protected]
[ edited by AnonymousCoward on Mar 5, 2001 05:29 PM ]
|
reddeer
|
posted on March 5, 2001 08:59:28 PM new
AC
Yes, I stand corrected, AW does indeed do it the "right way". And from here on in, so will I.
|
oxford
|
posted on March 6, 2001 05:13:01 AM new
AC,
Would you mind writing out here the entire HTML for a thumbnail that is clicked on and is shown larger on a seperate screen? Thank you AC!
Barb
|
reddeer
|
posted on March 6, 2001 06:30:20 AM new
Oxford .......... Here's the info Toke gave me, and it work's like a charm.
To do this, you need two versions of the graphic. One is full size, and you might already have it. The other one is the thumbnail, and you make it by editing the full size picture.
<a href=http://MY BIG PIC URL><img src=http://MY SMALL PIC URL></a>
|
oxford
|
posted on March 6, 2001 07:25:43 AM new
Thanks so much, reddeer!
Barb
|
thepriest
|
posted on March 14, 2001 01:55:20 PM new
thanks for the info...
|
digitalman
|
posted on March 14, 2001 02:35:06 PM new
Below is a variation of what reddeer provided that will open a new browser for your larger picture when clicked and let viewers know that the picture is clickable.
<a href="http://MY BIG PIC URL"TARGET=_BLANK><img src=http://MY SMALL PIC URL><font size=1><br>Click image to view larger version</font></a>
|
reddeer
|
posted on March 14, 2001 02:40:02 PM new
Digitalman
If I'm not mistaken, from what I've been told here recently, the HTML you just posted will cause the auction page to load "both" pics, then convert them back to the small size.
The HTML I posted, will only cause the browser to load the small pic. Which means the page will load much faster.
|
digitalman
|
posted on March 14, 2001 02:48:38 PM new
I have been using the same pic for both url's and I like the idea of using the smaller pic.
Why would opening your big pic in a new browser cause it to load both (when your auction is first opened)?
|
smw
|
posted on March 14, 2001 02:52:45 PM new
Reddeer: I may not be playing with a full deck today, but here is my quandary...
Where is the full size image and how does it appear?
Please be patient...remember I can't do Netscape either.... Susan
|
reddeer
|
posted on March 14, 2001 02:53:00 PM new
Hang on, I'll try & go find the thread where it was explained to me.
|
reddeer
|
posted on March 14, 2001 02:56:40 PM new
Here's what I was told, by 3 seperate people on AW.
the only problem with using the same image for a thumbnail and changing the width for the smaller version is that you have not changed the load time -- both pictures will be exactly the same byte size even though the width command will make the picture appear smaller.
In other words, it's a cosmetic change only and does nothing to affect the actual "size" (byte-wise) of the picture in question.
For example, I just tested a picture I had uploaded -- the original size is 481x386 pixels, the byte size is 34 KB. I change the width to "200" for display purposes -- the pixel width shows as 250x188 pixels, the
byte size is STILL 34 KB.
Same picture -- same loading time. In order to make an effective thumbnail I have to resize the picture at source so that the KB size is affected.
.............................................
And that's why you use 2 pics instead of just one.
|
reddeer
|
posted on March 14, 2001 02:59:00 PM new
Susan ....... LOL, I know full well that your deck is full.
The full size pic is stored on a seperate URL, so if the bidder decides to click on the small pic, they will then be taken to a new URL which has the larger pic.
|
digitalman
|
posted on March 14, 2001 03:04:39 PM new
I understand what you are saying about the need for the smaller pic but can you explain how adding TARGET=_BLANK will cause the auction page to load both pics.
|
reddeer
|
posted on March 14, 2001 03:06:55 PM new
Sorry, I was looking at the font size=1 , which obviously has nothing to do with the pic size. 
BTW - What the hell is TARGET=_BLANK
[ edited by reddeer on Mar 14, 2001 03:11 PM ]
|
digitalman
|
posted on March 14, 2001 03:10:49 PM new
If you add TARGET=_BLANK after the first url like I showed above, when the picture is clicked a new browser with the big pic will open over your auction page instead of directing you away from the auction.
|
reddeer
|
posted on March 14, 2001 03:12:59 PM new
Oh, ok, thanks.
So, in other words you can't hit the "back" button, you have to close the window on your taskbar, is that correct? If so, I think that might be confusing for new users.
|
digitalman
|
posted on March 14, 2001 03:24:11 PM new
The new browser opens at about half size with your auction still partially visible under it. The new browser can then be maximized, minimized or closed.
I like it because the viewer isn't directed away from your auction. The big picture is just added to it.
|
reddeer
|
posted on March 14, 2001 03:35:43 PM new
Oh, ok gotcha. I still like my way better though.
|
smw
|
posted on March 14, 2001 04:03:38 PM new
Reddeer: Well...thick headed perhaps...
I know how it works, i.e, that you click on the thumb to see the larger image.
My question is how do you get the thumb to be clickable to take you to the larger image?
Do you use the usual code for a clickable link <a href=http://URL to the link>Click Here</a> ???
|
reddeer
|
posted on March 14, 2001 04:12:39 PM new
Susan
<a href=http://MY BIG PIC URL><img src=http://MY SMALL PIC URL></a>
I also add a small blurb in text:
"Click image to view larger version", in between the first & second pic.
|
smw
|
posted on March 14, 2001 04:28:58 PM new
Oh...is that how it is done....... I missed the second part of the code.
Thanks....I am making real progress. I figured out how to write a CD today too!
[ edited by smw on Mar 14, 2001 04:30 PM ]
|
AnonymousCoward
|
posted on March 14, 2001 05:31:47 PM new
This is what I used when I did my templates myself, before Amigo.
<a href="http://my URL address/imagesfolder/name of pic.jpg" TARGET="_blank">
<img SRC="http://my URL address/imagesfolder/name of thumbail.jpg" ALT="Click to enlarge" height=XXX width=XXX></a>
<br><a href="http://my URL address/imagesfolder/name of pic.jpg" TARGET="_blank">Click to enlarge</a>
TARGET=_Blank is to tell the browser to open the link in a new window.
Setting the height and width in the link will tell the browser to set aside the designated space and to continue loading the text below the image. This prevents the page from stopping its load because of a very large image. Replace the XXX with the pixel size.
ALT="Click to enlarge" is what will be displayed in lieu of an image should the thumbnail image not show. It can be set to a message asking to email you if the image doesn't show.
|
