A full-screen image modal XBlock, for use within the OpenEdX platform.
The full-screen image tool is another way of enabling participants to see more detail in your provided images. This tool is useful for large images with lots of details. A re-sized version of the image displays in the page, but clicking on the image pops open a full-screen modal with the full-size version of the image.
Installation
System Administrator
To install the XBlock on your platform, add the following to your requirements.txt file:
xblock-image-modal
You’ll also need to add this to your INSTALLED_APPS:
imagemodal
Course Staff
To install the XBlock in your course, access your Advanced Module List:
Settings -> Advanced Settings -> Advanced Module List
and add the following:
imagemodal
Use
Course Staff
To add a full-screen image to your course:
upload the image file onto your course’s Files & Uploads page
note: you can skip this step if you’ve already uploaded the image elsewhere, e.g.: S3.
copy the URL on that page
go to a unit in Studio
select “Image Modal XBlock” from the Advanced Components menu
You can now edit and preview the new component.
Using the Studio editor, you can edit the following fields:
display name
image URL
thumbnail URL (defaults to image URL, if not specified)
description (useful for screen readers, longer descriptions)
alt text (useful for screen readers, captions, tags; displays when image does not)
Participants
Click on the image to zoom in full-screen.
Click on the image again to zoom out.
Click and drag to pan around.
1 maintainer
Metadata
1 maintainer
Release files for xblock-image-modal 1.0.2
For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.
Source distribution (sdist)
| File | Size | Uploaded | |
|---|---|---|---|
| xblock-image-modal-1.0.2.tar.gz | 16.2 kB | Details |
Release files / xblock-image-modal-1.0.2.tar.gz
| Download URL | xblock-image-modal-1.0.2.tar.gz |
|---|---|
| Size | 16.2 kB |
| Tags | Source |
|
SHA-256 checksum How to use checksums |
8bf46299047720eb115468ea359d1cb8cb9b75f90adf6b52071ad47a2e007640
|
|
BLAKE2b-256 checksum How to use checksums |
df829166dade70f98021fa6ed854e13298d41cf564cd915e0e884dd91d9bc49b
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
No |
| Uploaded via |
Python-urllib/2.7
|
