User Tools

Site Tools


media_image_sequence

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_sequence [2023/01/06 16:14] – [Series: Optional Properties] jsmithmedia_image_sequence [2023/09/25 09:04] (current) jsmith
Line 4: Line 4:
  
 Collections of Series and Single images are presented in '**Cases**', and if you have more than one Case on this page, learners select which case to view from a drop-down menu at the top of the page. In the demo below, there is only one Case, and so there is no drop-down. Collections of Series and Single images are presented in '**Cases**', and if you have more than one Case on this page, learners select which case to view from a drop-down menu at the top of the page. In the demo below, there is only one Case, and so there is no drop-down.
- 
  
 ===== Example demo ===== ===== Example demo =====
Line 11: Line 10:
  
 or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageSequence|Xerte Page Types - Media: Image Sequence]] (opens in new tab) or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#imageSequence|Xerte Page Types - Media: Image Sequence]] (opens in new tab)
- 
  
 ===== Editor interface ===== ===== Editor interface =====
Line 24: Line 22:
 | Image Position | The position of the images on the page, relative to any text displayed | Drop-down |   | | Image Position | The position of the images on the page, relative to any text displayed | Drop-down |   |
 | Image Size | Sets the size of the images {**Auto**/Full Screen} | Drop-down | If you select **Full Screen**, no text you have entered will be displayed | | Image Size | Sets the size of the images {**Auto**/Full Screen} | Drop-down | If you select **Full Screen**, no text you have entered will be displayed |
- 
  
 ==== Top Level: Optional Properties ==== ==== Top Level: Optional Properties ====
Line 31: Line 28:
 | Control Buttons... | Reset | Enables/disables a button to reset to the first image in the series  | Tick box |   | | Control Buttons... | Reset | Enables/disables a button to reset to the first image in the series  | Tick box |   |
 | ::: | Play | Enables/disables  a button to play the whole series | Tick box |   | | ::: | Play | Enables/disables  a button to play the whole series | Tick box |   |
-| ::: | Play Speed | Speed of the play animation in frames/second | Number | Default - '0.1' //Does this work?// |+| ::: | Play Speed | Speed of the play animation in frames/second | Number | Default - '0.1' (this did not work in earlier versions of XOT, but has been fixed for Release 3.12) |
 | ::: | Magnifier | Enables/disables a magnifier allowing the learner to zoom in in detail in the images  | Tick box |   | | ::: | Magnifier | Enables/disables a magnifier allowing the learner to zoom in in detail in the images  | Tick box |   |
 | ::: | Magnifier Size | The size of the magnifier in pixels  | Number |   | | ::: | Magnifier Size | The size of the magnifier in pixels  | Number |   |
Line 40: Line 37:
  
 See [[optional_properties#General optional properties|General Optional Properties]] See [[optional_properties#General optional properties|General Optional Properties]]
- 
  
 ==== Top Level: Language Options ==== ==== Top Level: Language Options ====
Line 50: Line 46:
 | Play Label | Text that appears on mouseover of the button to auto-play a Series | Text | Default - 'Play'  | | Play Label | Text that appears on mouseover of the button to auto-play a Series | Text | Default - 'Play'  |
 | Pause Label | Text that appears on mouseover of the button to pause the auto-play | Text | Default - 'Pause'  | | Pause Label | Text that appears on mouseover of the button to pause the auto-play | Text | Default - 'Pause'  |
-| Info Label | :?:  | Text  | Default - 'Info' +| Info Label | If the **View Menu** is on (see **Top LevelOptional Properties** ) and the learner is viewing multiple Series or Single Images on the same screen, an **Info **button is displayed beside the **Reset **and **Play **buttons.  This is the text displayed on mouseover. If the learner clicks on the **Info **button, the text associated with that Series or Single Image is displayed.  | Text  | Default - 'Info' 
-| Magnify Label | :?: | Text | Default - 'Magnifier' |+| Magnify Label | If a screen reader has been enabled this is the text that is read when a learner mouses over the magnifier icon. | Text | Default - 'Magnifier' |
 | Back Label | Text that appears on mouseover of the 'Back' icon to the left of the thumbnail bar.  Note that this icon is only displayed when there are more thumbnails than will fit across the screen. | Text | Default - 'Back' | | Back Label | Text that appears on mouseover of the 'Back' icon to the left of the thumbnail bar.  Note that this icon is only displayed when there are more thumbnails than will fit across the screen. | Text | Default - 'Back' |
 | Forward Label | Text that appears on mouseover of the 'Forward' icon to the right of the thumbnail bar.  Note that this icon is only displayed when there are more thumbnails than will fit across the screen. | Text | Default - 'Forward' | | Forward Label | Text that appears on mouseover of the 'Forward' icon to the right of the thumbnail bar.  Note that this icon is only displayed when there are more thumbnails than will fit across the screen. | Text | Default - 'Forward' |
Line 58: Line 54:
  
 After you have created the overall settings for the page. You need to add a new **Case**, within which you will add one or more Series of images or Single Images.{{ :xerte-media-imagesequence-newcase.jpg?200 }} After you have created the overall settings for the page. You need to add a new **Case**, within which you will add one or more Series of images or Single Images.{{ :xerte-media-imagesequence-newcase.jpg?200 }}
- 
  
 ==== Case: Core Properties ==== ==== Case: Core Properties ====
Line 66: Line 61:
 | Text | Text and any other content displayed on the page before the learner clicks on a thumbnail. | Text+ (Toolbar) | You can add images, tables, sound, video and other content through the Text editor.  | | Text | Text and any other content displayed on the page before the learner clicks on a thumbnail. | Text+ (Toolbar) | You can add images, tables, sound, video and other content through the Text editor.  |
  
-There is **only one Optional Property** at the Case level; you can add a Case ID. :?: //What does this do?//+There is **only one Optional Property** at the Case level; you can add a Case ID. This creates a unique URL, so that you can link to a specific case, whether within or outside Xerte.  Note that you can do the same for a Series or Single Image.
  
 After you have added a **Case**, you need to add one or more new **Series** of Images or a **Single Image**. After you have added a **Case**, you need to add one or more new **Series** of Images or a **Single Image**.
  
-{{ :xerte-media-imagesequence-newseries.jpg?200 |}}+{{ :xerte-media-imagesequence-newseries.jpg?200 }}
  
 ++++ Series: Core Properties | ++++ Series: Core Properties |
Line 77: Line 72:
 | Title || Text that appears in the Project Structure, and as a heading above any text relating to the Series (see below)  | Text |   | | Title || Text that appears in the Project Structure, and as a heading above any text relating to the Series (see below)  | Text |   |
 | Text || Text and any other content displayed to the right of the images, if the learner is viewing one Series at a time. | Text+ (Toolbar) | You can add images, tables, sound, video and other content through the Text editor.  | | Text || Text and any other content displayed to the right of the images, if the learner is viewing one Series at a time. | Text+ (Toolbar) | You can add images, tables, sound, video and other content through the Text editor.  |
-| Thumbnail Image | File | The image that appears in the thumbnail bar menu, if this Case contains more than one Series or Single Image | Link to Media Browser |  +| Thumbnail Image | File | The image that appears in the thumbnail bar menu, if this Case contains more than one Series or Single Image | Link to Media Browser |   
-| ::: | Description | Description for accessibility | Text |  |+| ::: | Description | Description for accessibility | Text |   |
 | Series Images | First Image | The first image in the Series | Link to Media Browser | %%File names of images within the series must be identical, except for a number at the end which determines the image's position within the series.%%\\ \\ %%For example, in a series of 50 images the images could be called img1.jpg, img2.jpg, img3.jpg... img50.jpg.%%\\ \\ %%All images for the series must be in the same folder.%% | | Series Images | First Image | The first image in the Series | Link to Media Browser | %%File names of images within the series must be identical, except for a number at the end which determines the image's position within the series.%%\\ \\ %%For example, in a series of 50 images the images could be called img1.jpg, img2.jpg, img3.jpg... img50.jpg.%%\\ \\ %%All images for the series must be in the same folder.%% |
 | ::: | Last Image | the last image in the Series | Link to Media Browser | ::: | | ::: | Last Image | the last image in the Series | Link to Media Browser | ::: |
-| ::: | Loop Images | When ticked the Series will play in a loop instead of stopping at the last image | Tick box |+| ::: | Loop Images | When ticked the Series will play in a loop instead of stopping at the last image | Tick box |  | 
 ++++ ++++
- 
  
 ++++ Series: Optional Properties | ++++ Series: Optional Properties |
Line 89: Line 84:
 ^ Property ^ Description ^ Type ^ Additional information ^ ^ Property ^ Description ^ Type ^ Additional information ^
 | Initial Image | Select the first image displayed when the Series has loaded. By default this is the first image in the Series, but this can be changed here.  | Link to Media Browser |   | | Initial Image | Select the first image displayed when the Series has loaded. By default this is the first image in the Series, but this can be changed here.  | Link to Media Browser |   |
-| Series ID | :?: //What does this do?// | Text |   |+| Series ID | This creates a unique URL, so that you can link to a specific Series, whether within or outside Xerte.  Note that you can do the same for a Case or Single Image. | Text |   |
  
-==== Single Image: Core Properties ====+++++ 
 + 
 +++++ Single Image: Core Properties |
  
 ^ Property ^ Sub-property ^ Description ^ Type ^ Additional information ^ ^ Property ^ Sub-property ^ Description ^ Type ^ Additional information ^
Line 99: Line 96:
 | ::: | Description | Description for accessibility | Text |   | | ::: | Description | Description for accessibility | Text |   |
  
-There is **only one Optional Property** at the Single Image level; you can add an Image ID. :?: //What does this do?//+There is **only one Optional Property** at the Single Image level; you can add an Image ID. This creates a unique URL, so that you can link to a specific Single Image, whether within or outside Xerte.  Note that you can do the same for a Case or Series.
  
 +++++
  
 +{{tag>pagetype media}}
media_image_sequence.1673021644.txt.gz · Last modified: 2023/01/06 16:14 by jsmith