nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to disable the full-size image option when clicking on an image

Javier Olazagui

Since version 4 of Confluence, when I add an image, it can always be clicked and it will pop-up in full-size. For certain image this is useful, but I have many images that I don t want to have this behavior (titles done as image instead of text or logos).

Is there an option to enable/disable this functionality for each image?

Thank you!

Accepted answers

All comments

Chung Park Chan

There are three ways to do this:

1. Through stylesheet "trick" where it changes the "point" to normal cursor when hovering over an image.

.confluence-embedded-image { 
  cursor: default !important; 
}

2. Add Custom HTML in Confluence Admin >> Look and Feel. This will disable all images to be enlarged when you click them (applies Globally).

&lt;script type="text/javascript"&gt;
   
 AJS.toInit(function() {
 // unbind directly-embedded images
 AJS.$("img.confluence-embedded-image").unbind("click.fb");
 });
 &lt;/script&gt;

3. Enable HTML Macro. Then insert the below html macro in a page where you wish to disable the full-size image option (applies only to particular pages that has the macro embedded).

&lt;script type="text/javascript"&gt;
 
AJS.toInit(function() {
  // unbind directly-embedded images
  AJS.$("img.confluence-embedded-image").unbind("click.fb");
 
 // unbind the gallery macro
  AJS.$("a.gallery-link").unbind("click.fb");
 
 // unbind the attachments macro
 AJS.$(".attachments a.filename").unbind("click.fb");
});
&lt;/script&gt;

Hope this helps.

Javier Olazagui

Hi, thanks.

I just linked the image to a bogus anchor, so didn't create any anchor but still linke the image to #1 (for example). Maybe is not as professional, but gets the result.

Ken Poulton_3q6e7h

I'd like to get thumbnails displayed (full size) in a popup window instead of the fancybox popover. Is there some way to rebind these to popups instead of simply disabling them?

Timothy Vattima

I did something a little different than the above solutions.

First I created a new page in my Space. On this page, I just attach images that will be added as an HTML Image to other pages in the space.

On a page where I just want a plain-old image, first I right-click on the URL of the image I want that is sitting on my "Images" page, then in the page I am editing, I paste-in the URL, set the correct image width and height, and viola! You just get an image - not clickable, no popup....just an image.

Ran Liu

What is the "click.fb" mean? Is the .fb something special with Confluence?

hprt

Thanks for the tip Javier! Since I don't have admin rights on company confluence, this was the only way I found that allows me to disable the image popup: [!http://link.to/image.png!|#bogusanchor]