Image Asset

From Gomo Wiki


Image asset.png Insert graphical assets to appear on screen. To upload a new image asset to the project, click the upload files button at the top right of the screen to browse for your asset. Once the file has been uploaded, either enter its filename in the Normal field in the Image Inspector or click the Browse for image files button to the right of that field. Only Normal has to be specified to show an image.

Hot spots can be added to the image. These will enable the learner to tap or click on part of the image to see more information displayed in a sub screen. Create hot spots by clicking the Hot spots button to launch the Hotspots Inspector.

Add and edit sub screens using the Sub screens button.

Active and Visited images can be used to mask hot spots so that their appearance changes depending on whether the hot spot is currently selected or has already been tapped or clicked.


Attribute Values Description Platform support
HTML iOS Android BlackBerry
ID Unique ID for this asset, related to the screen ID on which it is located. N/A N/A N/A N/A
Column 1/2 If more than one column layout has been set for the screen then the column in which the image asset appears can be selected. N/A N/A N/A N/A
Normal The image which will be displayed when the screen is first displayed. If no hotspots are being used then this is the only image which needs to be specified. X X X X
Active An image which will be masked by any hotspots created on top of the 'normal' image when the hotspot is clicked. X X X X
Visited An image which will be masked by any hotspots created on top of the 'normal' image when another hotspot is selected. X X X X
Zoomable If this option is selected then the learner can pinch and expand to display a zoomed in version of the image in an overlayed panel and then double tap to return the image to normal size.

For HTML/Web App publishing you need to upload an enlarged version of the image and then specify that in the Active box.

X X X ?
Scale Default 100% Determines the size of the image on the screen in percentage value of original image size. Defaults to 100 (%). A figure less than 100 will make it appear smaller, one of more than 100 will make it appear larger. X X X X
Description This is the 'alt text' which will appear when the mouse is rolled over the image when publishing for HTML and will also be picked up by screen readers. Not used in 'native' mobile apps. X
Brief This isn’t displayed on screen, but can be used when collaborating in a team to show the brief for the graphic deisgn of the image. N/A N/A N/A N/A
'Hot spots' button Launches Hotspots Inspector N/A N/A N/A N/A
'Sub screens' button Launches Sub screens inspector. N/A N/A N/A N/A

Whos here now:   Members 0   Guests 1   Bots & Crawlers 0