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/11 17:05] – [Top Level: 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 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 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 |   | 
 ++++ ++++
  
Line 100: 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.1673456749.txt.gz · Last modified: 2023/01/11 17:05 by jsmith