Xerte Community Documentation

User Tools

Site Tools

Trace: • General Optional Property: Completion not required • Interactivity > Gap Fill • Adaptive Content: Source Interaction > Based on all classes • Adaptive Content: Source Interaction > Based on specific answer • Adaptive Content: Source Interaction > Open Answer • Lists of pages grouped by tags • Text > Orientation • Interactivity > Multiple Choice Question • Working with audio • Sharing projects and folders
media_image_viewer_page

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
media_image_viewer_page [2022/12/02 10:53] – ↷ Page moved from playground:media_image_viewer_page to media_image_viewer_page tadachimedia_image_viewer_page [2023/09/25 09:05] (current) – jsmith
Line 1: Line 1:
 ====== Media > Image Viewer ====== ====== Media > Image Viewer ======
  
-This [[playground:pagetypes|page]] is suited to displaying an image with  a lot of detail that you want learners to be able to examine closely. A toolbar allows learners to zoom in and out of the whole image, or a selected area, and Full Screen can be selected to maximise the area that can be viewed with a specific resolution.+This [[pagetypes|page]] is suited to displaying an image with  a lot of detail that you want learners to be able to examine closely. A toolbar allows learners to zoom in and out of the whole image, or a selected area, and Full Screen can be selected to maximise the area that can be viewed with a specific resolution.
  
 ===== Example demo ===== ===== Example demo =====
Line 7: Line 7:
 In the demo below, experiment with the tools in the toolbar to see how they function. In the demo below, experiment with the tools in the toolbar to see how they function.
  
-{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageviewer}}+{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageviewer 98%, 495px noborder}}
  
 or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageviewer|Xerte Page Types - Media: Image Viewer]] (opens in new tab) or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageviewer|Xerte Page Types - Media: Image Viewer]] (opens in new tab)
 +
  
 ===== Editor interface ===== ===== Editor interface =====
Line 18: Line 19:
  
 ^ Property ^ Description ^ Type ^ Additional information ^ ^ Property ^ Description ^ Type ^ Additional information ^
-| Page Title | Text that appears in header of published page  | Text |   | +| 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.  | +| 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 |   | +| 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: File | Upload the image here, through the Media Browser. | Link to Media Browser |   | 
-| Image: Size | Sets the size of the image {Small/**Medium**/Large} | Drop-down | **Fixed **refers to the size of the image as imported into Media Browser. | +| Image: Size | Sets the size of the image. {Small/**Medium**/Large} | Drop-down | **Fixed **refers to the size of the image as imported into Media Browser. | 
-| Image: Description | Description for accessibility | Text  |   |+| Image: Description | Description for accessibility. | Text  |   |
  
 There are **no page-specific Optional Properties** for this page type. There are **no page-specific Optional Properties** for this page type.
  
-See [[playground:optional properties#General optional properties|General Optional Properties]]+See [[optional_properties#General optional properties|General Optional Properties]]
  
  
Line 33: Line 34:
  
 ^ Property ^ Description ^ Type ^ Additional information ^ ^ Property ^ Description ^ Type ^ Additional information ^
-| Move Button Tip | On Zoom In allows the image to be dragged around | Text | Default - "Move" (this only works when the learner has zoomed in)  | +| Move Button Tip | On Zoom In allows the image to be dragged around. | Text | Default - "Move" (this only works when the learner has zoomed in)  | 
-| Zoom In Button Tip | Zoom in on the central point of the image displayed | Text | Default - "Zoom In"  | +| Zoom In Button Tip | Zoom in on the central point of the image displayed. | Text | Default - "Zoom In"  | 
-| Zoom Out Button tip | Zoom out of the central point of the image displayed | Text | Default - "Zoom Out"  | +| Zoom Out Button tip | Zoom out of the central point of the image displayed. | Text | Default - "Zoom Out"  | 
-| Select Button Tip | Allows a rectangle to be selected, to which the view zooms in | Text | Default - "Select Area"  |+| Select Button Tip | Allows a rectangle to be selected, to which the view zooms in. | Text | Default - "Select Area"  |
 | Reset Button Tip | Resets the image to the default view. | Text | Default - "Reset"  | | Reset Button Tip | Resets the image to the default view. | Text | Default - "Reset"  |
-| Toggle Button Tip | Toggles between full screen (right panel hidden) and the default view  | Text  | Default - "Toggle Full Screen"  | +| Toggle Button Tip | Toggles between full screen (right panel hidden) and the default view.  | Text  | Default - "Toggle Full Screen"  |
- +
- +
- +
  
 +{{tag>pagetype media}}
media_image_viewer_page.1669978428.txt.gz · Last modified: by tadachi