29/09/2014

HTML: Image links and Thumbnails

With images, you can give a bit of life to a web page. Transforming an image in a link is not however hard. You just need to introduce the source of the image in the interior of the tag link.
Input
<a href="http://forums.rpgmakerweb.com/uploads/profile/photo-8761.png?_r=1356197593"><img src="/img/image.jpg"></a>
Output

Thumbnails
The thumbnails are versions in miniature of some images which in reality are bigger and with a better quality. To make a thumbnail, save the image in a poor quality and in small dimensions. Then make this image a link which will lead at the initial image of big dimension.
Input
<a href="http://forums.rpgmakerweb.com/uploads/profile/photo-8761.png?_r=1356197593"><img src="/img/tumb.jpg"> >/a>
Output