Clickability

On June 14, 2004 by aquarion

Since three people have now commented that they didn’t realise the image in the previous entry was clickable, how would you make an image “obviously” clickable?

The HTML standard, the thick blue border, looks ugly as sin, so it looks like manipulation of the Thumbnail is the best option. Previously I’ve recoloured it, or added a little magnifying glass to the corner. It works mostly with screen shots, mostly because the abbreviated format more or less guarantees that a larger version is available. The problem is that thumbnails are more or less useless for anything more than a general idea of the picture as a whole, which is why I like to use the cropped version. Problem is, the cropped version doesn’t contain the must-clicky nature in the same way the thumbnail does.

It’s an interesting thing.

On a related note, I’m playing with Gallery, which seems to work far better than my homebrew system and therefore might just replace it, if I can get the formatting a little better, and can make it integrate nicely. It already integrates with *nuke and geeklog, so it shouldn’t be too hard.


No Responses to “Clickability”

  • Other than the aforementioned hideous thick blue border, I think a fairly good indicator is to have something (other than just the cursor) change on hover in order to make it stand out more. It’s the same as a standard link really; people are used to extra things happening to text links when they mouse over them (change of colour, text-decoration appearing or disappearing, etc.), so it’s quite good practice to apply the same logic to images within links.

    I’d go for something like a border appearing on hover or something similar, I guess.