====== Media > Advanced Image ======

This [[pagetypes|page]] displays an image, with a magnifier to zoom in on parts of the image on mouseover.


===== Example demo =====

{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#advancedimage}}

or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#advancedimage|Xerte Page Types - Media: Advanced Image]] (opens in new tab)

===== Editor interface =====

{{:xerte-media-advancedimage-editor.jpg|Screenshot of Media > Advanced Image page in editor}}

==== Core Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Page Title | Text that appears in header of published page.  | Text |   |
| Page Text | Text and any other content you want to have displayed on the page. | Text+ (Toolbar) | You can add images, tables, sound, video and other content through the Text editor.  |
| Align Text | Aligns text relative to the image. {**Left**/Right/Top/Bottom} | Drop-down |   |
| Image: File | Upload the image here, through the Media Browser. | Link to Media Browser |   |
| Image: Size | Sets the size of the image. {Small/**Medium**/Large/Fixed/Full screen} | Drop-down | **Fixed **refers to the size of the image as imported into Media Browser. |
| Image: Description | Description for accessibility. | Text  |   |


==== Optional Properties ====

=== Page-specific ===

^ Property ^ Description ^ Type ^ Additional information ^
| Image Magnification: Magnifier | Enables or disables the Magnifier. | Tick box |   |
| Image Magnification: Size | Sets the size of the Magnifier circle. | Number |   |
| Image Magnification: Force Magnification | Magnification will only work when the image displayed is less than or equal to 80% of the original image size. This forces magnification on all images. | Tick box |   |
| Image Margin | Adds a margin with a drop shadow. | Tick box |   |
| Link: URL | Adds a link which appears as an icon in the bottom margin of the image. | URL |   |
| Link: Description | Adds a description for accessibility. | Text  |   |
| Link: Target | The default "_blank" opens the link in a new tab. If you delete "_blank" the link opens in the same tab. | Text  |   |
| Sound | Adds an audio player below the image. | Link to Media Browser |   |

=== General ===

See [[optional_properties#General_optional_properties|General Optional Properties]]


==== Language Options ====

None.

{{tag>pagetype media}}