You can simply link to the image file, it will display on its own in a browser.
Size the image file to the size you want it to be when enlarged.
Then embed it in your page as a thumbnail by defining the height or width - assuming that you will have a list of image thumbnails, if you display them in a horizontal row it's best to only define the height, if the images have different dimensions, so they won't be distorted. Or if you're using a vertical row, define only the width.
So your html code should look something like:
<a href="imagefile.jpg" target="blank"><img src="imagefile.jpg" heigth=120px></a>
- Assuming you're using jpg images and want the thumbnails to be 120 px high. The target="blank" tag will open a new browser window.
You can also wrap your list of image thumbnails in a div and define the width or height of each image aa a css style, for example:
.thumbnaillist img {
heigth=120px;
}
Then if you assign the class "thumbnaillist" to your div, all image tags inside it will be only 120 pixels high.
Hope this helps! :)
Main Topics
Browse All Topics
by: ToskoPosted on 2009-08-29 at 15:42:00ID: 25215695
what you can do is something like this:
<img src="image_location_pictur