How to create a clickable image

[John Willerton]

I am trying to create a clickable image that links to another Confluence page. How do I do this?

I upload and insert a gif.  I want to attach the URL of another page to it so that when the user mouse click's the image, it takes them to the linked page.  I see there are a few threads about it around suggesting it should be easy - I should be able to click on the picture and see a link in the menu below the image, but the link icon isn't there for me.  I get what Julio Chana describes in this page

https://community.atlassian.com/t5/Confluence-questions/Link-image-to-page/qaq-p/68900:

[Gregory Denno]

If you have draw.io as an add-on for Confluence I opened up the image that I wanted to use. I created a screen shot of the whole image and pasted this into draw.io. Next I made a series of smaller screen shots from the original image and pasted them into the draw.io file I'm working on. I made sure that these smaller screen shots were in front of the large image. I moved the smaller image to the same exact place it is on the larger image. I clicked on this smaller image and added a link to where ever I want. Hope this helps.

[ufuk bolat]

Hi @Manon Soubies-Camy ,

I uploaded an image to a Confluence page and used its link on another Confluence page. However, on the second page, I only see the image link, not the image itself. I would like the image to be displayed directly.

Note: I want to keep the original image on a different page at all times. and i'm using sql in table transformer. so i want to do it with using sql and table transformer.

How can I do this?

[Stiltsoft support]

Hi @ufuk bolat ,

The Table Transformer macro is ours and belongs to the Table Filter, Charts & Spreadsheets for Confluence app.

Not sure how the mentioned macro and SQL query may help: the Table Transformer macro is used for tabular calculations, transformations, formatting, and aggregation.

If the case is to reuse the same content several times on different pages (tables, text, images, statuses, icons), you can use the Table Excerpt/Table Excerpt Include macros instead.

[ufuk bolat]

Hi @Stiltsoft support ,
Thanks for your response.

Let me clarify the issue a little bit for you.

I want to pull an image from a different page according to the reference column in my reference table. The best way to do this is to use sql.
For example:
I have 5 rows in one table and I will pull the corresponding 5 images from another place. And
I have 10 rows in another table and I will pull the corresponding ones from another place etc.

[Stiltsoft support]

Then you may try to play with the ID's: for example, you may have several tables on different pages with 'Unique ID' and 'Correspondent Image' columns. These tables will be your original tables, there you can change images if required.

Each of these tables will be wrapped in the Table Excerpt macro.

Then you place your Table Excerpt Include macro on the reference page, check the "Show as a report" option, and get a big combined table with all the ID's and images.

Then you insert the Table Transformer macro and put both your reference table and your Table Excerpt Include macro inside its body.

Then all you need to do is to JOIN these two tables - your reference table and your combined table with images.

For this purpose your reference table should have the 'Unique ID' column as well. You populate these column with different IDs and different images from the combined table will be added.

Please create a support request on our portal - it is confidential, so we'll be able to discuss your case privately. My algorithm is a raw one, so it will be better to discuss any details there.  

[Manon Soubies-Camy]

Hi @John Willerton and welcome to Community!

It seems you're using the new Confluence Cloud editor, it is not possible at the moment to add a link to an image, see Cannot add link to image in Fabric Editor. The feature is "in progress" so it should be available in the near future.

Best,

- Manon

[Bill Harris]

This functionality is now available but requires two clicks- one on the image, then another on the 'open link in new tab' icon. Is there a way to reduce this to one click so that when the user clicks the image, it takes them directly to the linked page?

[Bill Harris]

I was still in edit mode. In the unpublished changes view the functionality I'm looking for works!

[Sri Kumar]

Hi John, 

Are you trying the above in Confluence Server or Cloud?

-Sri

[John Willerton]

Cloud