HTML question

Me | Me

[paul544]

OK... I know I've seen this done before, but I can't find the code for the life of me. How can you load images during a page's load, but not display them? In other words, I want to have the images at the ready, but not displayed until a thumbnail (I guess) is clicked. Am I confusing this with just regular thumbnails? I'm confused. Any help is appreciated.

[paul544]

Thanks

[stlnative]

Please try to explain better. Are you building a website and need to know the tag for creating a thumbnail image? Are are you trying to post here and make the image appear as a thumbnail?

[stlnative]

Try This Website

[stlnative]

This website explains it better

[paul544]

I am helping put our corp Intranet site. I have to convert a bunch of manuals from Word to HTML. I don't want to have all the screenshots that are currently in the docs clutter up the web page. But I do want them available should anyone want to see them. I just don't know if there is someway to preload the images... Its late. I think I am really just talking about thumbnails and don't even realize it.

[stlnative]

[John Farson]

You might try an OnMouseOver effect. Dynamic Drive is a great place to learn DHTML.

[stlnative]

Paul, try the second link I posted above... It will show the tag to make the images into small thumbnails. You can make them as small as you like and they will have the border around them so that people will know they can click on them to see a full size image OR you could you word links like I used in this thread to take you to the pictures, but in your case it would take them to a picture. Tag could be like this so you don't have to clutter the page up with thumbnails. Diagram 1

[John Farson]

An image will be "preloaded" if the thumbnail is just the image shrunk down... <img src="yourpicture.gif" width="x # of pixels" height="x # of pixels">

[John Farson]

BTW, if you don't wish to mess with DHTML, you can preload your images and not display them. Designate the heighth & width to be 1 pixel x 1 pixel.

[stlnative]

Maybe I can learn somthing here also... What do you mean by preload?

[paul544]

I didn't even think of mouseover. Could be a good idea. I really think I was just thinking of thumbnails. Thanks for the help guys.

[John Farson]

I think he meant preload as in "load it into the browser cache". The page will load more slowly, but clicking for an expanded view will be quick.

[John Farson]

De nada. :-)

[stlnative]

I thought mouseover only worked with the IE browser. Is this true? (My last question, then I am going to bed)

[John Farson]

No, I think it depends on how you code it. I know OnMouseOver works in later versions of NS and in Mozilla.
{Sorry, if my response is late, I stepped out for a few minutes.}

[Nataku X]

It won't reduce the image's size at all. You're downloading the same amount of memory. The HTML just tells the image to be a specific size.

[Apple Pan Dowdy]

I just found your post this morning. Maybe this will help:
The purpose for "thumbnails" is three-fold.

1. The thumbnail images are small in physical screen size, thus taking up less space on the screen and less clutter to the page.
2. The thumbnails images are separate image files that are actually smaller files than the bigger real images, thus they load a LOT faster when the page opens.
3. Viewers may not need to see the larger version of ALL of the images. They may choose to load the full versions of only the ones needed to see.

Keeping the above in mind, doing thumbnails involves having two files for each image. One sized tiny, one sized regular. In the "thumbnail" the code points to and displays the tiny image. The tiny image is linked to the larger image file, which when clicked on the larger image file opens. You can even have it open in a separate screen (sized the exact size of the larger image) that will display over your other screen.

Preloading the large images would require that all the larger image files be downloaded by the cache before the page opens and is usually not a good idea for you are defeating two of the purposes for using thumbnails in the first place (# 2 & 3).

If you insist on preloading the thumbnails (and I realize there may be a valid reason for doing so), then simply insert the smaller size attributes in the image tag for the thumbnails. That will cause the image files to still download the real large version of the images file into the cache, but display that file in a smaller size on the page. Then when a viewer clicks on the thumbnail image it is linked to the real sized image which is already loaded so it will open faster.

I run a small, but successful web design business and am happy to help a fellow freeper in need. If you have more questions email me.

[DonQ]

I have a very different question but I hope people don't mind my ponying on your thread in search of an answer.

Sometimes when articles are copied from one website - especially a newspaper - and posted onto Freep or Usenet or E-mail or something, the resulting copy contains garbage characters (such as the Trademark symbol, little squares, foreign characters with umlauts or accents, etc.) where ordinary English letters and punctuation stood in the original. This is evidently the result of a mismatch between the code or fonts used in the original and whatever is available in my own terminal or on the site where the copy is posted.

Does anyone know of a list or chart that would enable me to figure out what the original and correct characters should be?? Does anyone know of any other remedy to this inconvenience?