Skip to main content

Image Buttons

The code snippets below were created by AthenaRebel

You can turn your images into interactable links, to make cool custom interactable images.

Demo Page

What is an Image Button?

Essentially you are creating an image that will trigger an event when the image is clicked on.

In this tutorial you will be taught how to use an image as a hyperlink1.

Getting your Image URL

Check out the link below on how to host your image on Fourthwall, and how to retrieve the images' url. How to host an image using Fourthwall

Finished Code

With the following lines of code you can create an interactive image that will take you to a link.

<a href="[ YOUR PAGE URL HERE ]">
<img src="[ YOUR IMAGE URL HERE ]">
</a>

Footnotes

  1. Hyperlink - A link from a hypertext file or document to another location or file, typically activated by clicking on a highlighted word or image on the screen. like this