Differences

This shows you the differences between two versions of the page.

--- media_bullets_page [2022/12/02 10:53] – removed - external edit (Unknown date) 127.0.0.1
+++ media_bullets_page [2022/12/16 12:58] (current) – ↷ Links adapted because of a move operation tadachi
@@ Line 1: / Line 1: @@
+====== Media > Advanced Image ======
+This [[pagetypes|page]] displays an image, with a magnifier to zoom in on parts of the image on mouseover.  :?: //What's the difference between this page and the Graphics and Sound page - seem virtually identical?//
+===== 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}}
+==== Main Pane ====
+^ 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+ | 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 |   |   |
+==== Optional Properties ====
+^ Property ^ Description ^ Type ^ Additional information ^
+| Image Magnification: Magnifier | Enables or disables the Magnifier | Check 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 | Check box |   |
+| Image Margin | Adds a margin with a drop shadow | Check 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? |   |   |
+| Link: Target | :?: |   |   |
+| Sound | Adds an audio player below the image | Link to Media Browser |   |