Thumbnails, linking to larger view, Irfanview

john_nyFebruary 9, 2002

I saw a posting on one of the garden forums, where someone had several small pictures, and the words, "Click on image for larger view". I asked how it was done, and the reply I got was something to the effect that it was done in Irfanview, with thumbnails linking to the larger picture. I went to Irfanview, and found the thumbnails, but nowhere can I find anything about creating links.

Is anyone familiar with this that can provide simple step by step instructions?

Thanks, all.

Thank you for reporting this comment. Undo
Geovani

Well here's an example. I dont know if it will help.


Click on image for larger view

    Bookmark   February 9, 2002 at 11:26PM
Thank you for reporting this comment. Undo
Larry_Pullen

Geovani

How is this done?

    Bookmark   February 10, 2002 at 8:02AM
Thank you for reporting this comment. Undo
Joy_CA

Hi John and Larry, first you will need two URL's, one for the thumbnail and one for the large picture. You also need the code to post them. I have given you an example and the code. The URL must be linked to the internet and must start http:....etc., not www. and not from your computer files.

Copy the code exactly as is, including quote marks and spaces, add the URL's of your choice, where noted.

CLICK HERE

    Bookmark   February 10, 2002 at 12:10PM
Thank you for reporting this comment. Undo
Larry_Pullen

Thanks - I think I got it.

LAR

    Bookmark   February 10, 2002 at 3:41PM
Thank you for reporting this comment. Undo
john_ny

Joy,
Thanks, I think I got it, too. (almost)

Click on image for larger view.

The one part that didn't seem to work was the part about click here. When I look at yours, it says CLICK HERE under the small picture, but I actually had to click ON the image. I typed in the 2 URLs, as you said, and it worked. I then typed in the part about CLICK HERE, as you showed it. On preview, the words CLICK HERE did not appear on mine. However, clicking on the small image did work. I went back and made a correction, typing in the words, "Click on image for a larger view".

    Bookmark   February 10, 2002 at 4:39PM
Thank you for reporting this comment. Undo
Joy_CA

John, I'm sorry, my goof. I should have said 'Click on Image'....

If you want to have the text active:
Add a
and the font text code, after the last gif and before the

If you do not want a border around your picture, or you want a wider border:

Add: border="0" (for no border) or a number from 1 to 7 instead of the '0', between the last quote mark and the > of the Thumbnail gif. The code will underline the text and remove the border from the image.

Email me if you need more help.

Joy

    Bookmark   February 10, 2002 at 6:08PM
Thank you for reporting this comment. Undo
john_ny

Thanx, thanx, thanx, Joy. I think I'm in overload, now.

Just being able to do the linkage is fine, to start. What I would like to find out next, sometime, is how to line up thumnails ALONGSIDE each other in the initial screen.

John

    Bookmark   February 10, 2002 at 9:19PM
Thank you for reporting this comment. Undo
john_ny

Now trying several pictures.

Click on image for larger view.

    Bookmark   February 11, 2002 at 1:26PM
Thank you for reporting this comment. Undo
Joy_CA

Hi John, good work. I would like to see the thumbnails just a little tiny bit larger...on my screen they are about 1 x 1, pretty small, try 60 x 60 or 70 x 70. Also, you might want to add the height and width to the large picture for faster loading (height is always added first).

Right click: Picture
Click: Properties....the dimensions will show.

The first picture would be...

Joy

    Bookmark   February 11, 2002 at 4:42PM
Thank you for reporting this comment. Undo
Larry_Pullen

Come on John - what code did you use - share.

Lar

    Bookmark   February 11, 2002 at 9:49PM
Thank you for reporting this comment. Undo
john_ny

Trying another one.

Click on image for larger view.

O.K. Now the questions.
1. I upped the size on the thumbnails, from 50 to 65. How come they still came out the same small size?

2. The middle thumbnail is squished. (The original is wider than it is high.) What can I do about that?

    Bookmark   February 12, 2002 at 9:47AM
Thank you for reporting this comment. Undo
Larry_Pullen

Had to wait a coulpe seconds but the last one came through. Larger than your first and all same size

    Bookmark   February 12, 2002 at 2:08PM
Thank you for reporting this comment. Undo
    Bookmark   February 14, 2002 at 10:02AM
Thank you for reporting this comment. Undo
john_ny

Click on image for larger view.

    Bookmark   February 14, 2002 at 6:06PM
Thank you for reporting this comment. Undo
MuscleCramp

So how do I make the larger image pop up in a new window that is the proper size of the picture?

Larry: Did you figure out what you needed? Let me know.

MC
LiveNudeDogs.com
* arf arf*

    Bookmark   February 15, 2002 at 8:49AM
Thank you for reporting this comment. Undo
boscibo

John, one thing. The purpose of thumbnails is to have a faster loading picture and give the viewers a 'sneak peek'. I make 2 separate pictures - one the full sized .jpg, and another one a thumbnail but much smaller - in the 5-10 k range. 2 separate pictures and if the big one is named (for ex.) hibiscus_yellow.jpg the thumbnail is named hibiscus_yellow_sm.jpg. I add the 'sm' to designate it is a smaller .jpg. Then you will get small, fast loading thumbnails linking to the better-quality, full sized .jpg.

    Bookmark   February 15, 2002 at 2:13PM
Sign Up to comment
More Discussions
E-commerce options?
My niece asked for my help in creating a web site for...
jenn
How to embed animated Gifs onto GW?
I tried posting the way chuggeryguy which worked for...
ladyrose65
Links from an undesirable site
I don't know any where else to post this. I need some...
samtom_gw
Theming using an external CSS stylesheet.
This thread is styled externally using CSS (Cascading...
Richard (chuggerguy)
© 2015 Houzz Inc. Houzz® The new way to design your home™