Accions

H5P: Image Juxtaposition

De URecursos

Què és?

Before-after-image.png

Image Juxtaposition és un contingut H5P que permet comparar dues imatges interactivament. Un bon exemple és que les dues imatges representin el mateix però en diferents moments o sota diferents perspectives.

Com es configura

Per donar d'alta un contingut H5P, et suggerim que ho facis des del banc de contingut de l'aula on voldràs fer servir aquest contingut (si et cal, després tindràs diferents maneres de reutilitzar-la en altres aules Moodle).

En la pàgina principal de l'aula, selecciona l'opció del menú horitzontal "més" i després "banc de contingut".

BancContingutMoodle.png


Aquí triarem el tipus de contingut H5P que volem configurar, en aquest cas "Image Juxtaposition".

H5P ImageJuxtaposition 01 M4.png

Aquest contingut H5P es configura tot en una pàgina.

Cal que posis el nom de l’activitat (1) i afegeixis un encapçalament (2).

H5P ImageJuxtaposition 02.png


Tant en l’apartat de la primera imatge com per la segona, cal que cliquis Afegeix (1) per pujar la imatge. Pots escriure un text alternatiu, per si la imatge no es carrega (2) , un text que es mostri quan es passa el ratolí per sobre (3) i un text que se sobreposarà a la imatge (4).

H5P ImageJuxtaposition 03.png
H5P ImageJuxtaposition 04.png

En l’apartat de configuració del comportament, pots determinar la situació inicial de la barra que separarà les dues imatges (1), si aquesta barra és horitzontal o vertical (2) i el seu color (3).

Per confirmar la configuració del contingut H5P, clica el botó Desa (4).

H5P ImageJuxtaposition 05.png

Exemple

Altres informacions i ajudes d'interès

Si vols ampliar la informació, pots trobar més detalls a la pàgina web d'H5P.

Pots, també, consultar la llista d'altres tipus de continguts H5P.