Adding Hotspots over an Image Element

Steps to add Labels over an Image Element.

(This lesson is for the 7.4.6.0 release.)

Great ways to provide interactivity and visual design and improve translation

Steps to add a Hotspot to an image.

You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.

Once you have added a hotspot you can use it as a trigger for a wide range of Actions such as showing or hiding content.

NOTE: If you have an action with an on-click trigger set on an element layered over an image (for example, a hotspot) plus an action with an on-click trigger set on the image element as a whole, bo...

You can have Elements on any Page targeting multiple learning audiences or contexts

Work with Options, Styles and FX, add Markers and Hotspots over an image, use the Image Editor and more

Steps to add an oversized high res image to a page.

By default when you upload an image, if the width or height is greater than 1200 it will be resized to 1200px in the largest dimension as part of the upload.
We do this to help ensure that learners aren’t faced with slow download times for images that are much larger than their display size in the content you make.

But sometimes you will have a use case for an image that’s larger than 1200px, so there’s a special upload process for that.

Quick access to add elements over the image, formatting, editing, actions and more

Steps to add an image as a Section background in a responsive (Flow) project.

(This lesson is for the 7.4.6.0 release.)

Hello
I am trying to lay several hot spots over an .svg image but once inserted, the hotspot covers the entire graphic and apprears to be infinitely wide (you cannot reach the right border to resize it. The size controls which default to 80 x 80 do not have an effect.
Could you confirm this for me or let me know if I need to use a differnt method to inser the hotspot.
best regards
 

Hi,
 

Is there a way to add spacers as row group elements? Currently the only way that i can see that you are able to add spacers is by adding a brand new section, with the spacer being added to the top of the section in its own row. What I'd like to do is create some spacing above and below an element (a coloured box) so it sits in the middle of a section that has a background image spanning the entire height.


Apologies if my description isnt clear, I'd upload an image to better explain...