|| Stuff For You: || Image Thumbnail That Links To Larger Image (Code Included!)


_______________________________________________________________________________


Shop | Recent | DeviantArt
_______________________________________________________________________________


I see a lot of bios where in their art tab, the links to images look like this -> x

Using the "x" is more than fine but if you've been wanting to know how to make those neat-looking image thumbnails that link to the full image (or somewhere else in general) then please check out the code bellow!



An example -> HTML tutorial (click it and see what happens!)

the code that makes this possible ->

<**a href="LINK TO IMAGE LOCATION"**><**img src="DIRECT IMAGE LINK .png or .jpeg**" alt="HTML tutorial" width="104" height="95">

Just be sure to remove the **s (and yes, you can edit the width and height of the thumbnail!)


I hope this was somewhat helpful!


_______________________________________________________________________________



CSS template/codes from Unplugged







Bayleen's picture

THANK YOU. &hearts; placing a

THANK YOU. ♥
placing a boop here so I remember this.
mainpage
Mjrn's picture

Thank you so much for this.

Thank you so much for this.
Account previously Mjrn, returned to Veedeer.
Ebony3's picture

Ooooooo! maybe I can actually

Ooooooo! maybe I can actually post stuff in my art blog now, goodbye huge images!
Oh, I'm just a girl, trying to find a place in this world.

D'aww XD Anytime, guys. I am

D'aww XD Anytime, guys. I am happy to help! ^^

Bless you.

Bless you.
TreeDancer's picture

Oh thank you i've been

Oh thank you i've been wondering how to make these
LooksForDoves's picture

Thank you.

Thank you.

Anytime! ^^ tell your

Anytime! ^^ tell your friends! /shot XD

I may add more little CSS codes in the near future
Keepiru's picture

Just a friendly reminder:

Just a friendly reminder: with a lot of pics it will take some time to load, not everyone have a fast connection. It's better to use the 'x' version in those cases (:

Ahhh, that is

Ahhh, that is understandable!

I guess my stance there is that even with slow internet, the option of using thumbnails would at least help prevent the irritation of accidentally clicking on the same "x" twice (The "x" is usually so darn tiny on bios I always end up viewing the same picture(s) multiple times XD).

At least with slow internet, having an empty or semi-empty box to click on would lead to that issue less often if that makes sense?

Also, I am sorry for the possibly unnecessary edit. I just didn't like the way I worded my original response to this comment very much lol

*Nudges this just in case

*Nudges this just in case anyone lately may need/want to know about how to do this!*