Is it possible to make an image link to display a popup vs a new page?

Aly Harper_6epujj

For starters, somehow I can use the legacy editor and the new editor to do this. I am trying to click a link to a document on the left side of a double column layout to popup an image on the right side of the layout. Any suggestions?? Thank you for any and all help!

Daniel Eads

Hi Aly,

I've read through some of your previous post here on Community and understand you're going through a project that has some tough formatting requirements. For starters, I see you've looked at these apps:

• Scroll Imagemap for Confluence 
• Content Formatting Macros for Confluence 

Both are sort of close, but not quite what you need. The Imagemap macro can create text links on images. The Content Formatting app has a Tooltip macro that can add text links on hovercards in-line with your text. The problem is that neither can show an image on hover, or control the content of a second column.

It would be possible to add an iFrame to a second column, and use an HTML page (or a different Confluence page) as the framed page. In standard HTML, you can pass links into an iFrame, which would let you control what's in the second column either by loading content directly, or by using anchors on a page. Unfortunately, the target attribute for links isn't modifiable in Confluence Cloud either natively or with apps - so there would be no way to load a new page in the iframe via a link in the first column.

Which - unfortunately leads me to the suggestion that you'll have to create a custom page in HTML and use either the iFrame macro to embed it (if it's hosted somewhere online) or the HTML macro for Confluence app to render it from HTML you enter into the macro body. The formatting features - or apps that provide them - simply don't exist today for the layout you're aiming for in Confluence Cloud. If you can build what you need in HTML/Javascript, you could embed it with an iFrame or the HTML macro.

Outside of doing that, I think the Expand macro, as Diego mentioned on this question, is the closest you'll get to interactive images like you need. Using the column and section layouts in the editor, you could have supplementary materials in the right column to go along with your text/content in the left column... it just would not be dynamic and you'd need to have it "all on the page" from the start.

Cheers,
Daniel | Atlassian Support