You can create a button from any image. So why not use the image directly as a link? This will give your visitors the urge to click on it. Take a look at the image below: on the left, a touch-sensitive image, on the right, a button. In the first case, only the red border indicates that the image has a link function. In the second case, the cut-out effect highlights the fact that there is a link and really makes you want to click on it.



Figure 1: On the left, a simple image. On the right, a button.

And if we want to be even more punchy, we can set up our button so that it changes aspect when the mouse goes over it, as you can see below.





Contents:

- 'Buttonizing' an Image

- Creating the Button's 'pressed' down Variant

- Replacing Buttons When the Mouse Moves Over

Send this article to a friend

Download in PDF format