Want to make creations as awesome as this one?

Transcript

Instructions

Template

Tutorial

Examples

Slide pictures on top of each other

Reuse

Glacier des Bossons, vallée de Chamonix (2004-2009-2016)Source : kmz Fonte des glaces, C. Cottard et H. Toussaint, Eduterre

100m

gauche

VALIDER

Exemple couplé au Couise

//-----VARIABLES UTILISATEUR---- var solution = ["8341"]; //entrez vos réponses attendues var ordre = 1; // 0 ou 1 - tapez 1 si l'ordre des réponses est important (on peut vouloir faire retrouver des mots mais les champs réponses sont équivalents ) var espace = 0 ; //0 ou 1 - tapez 1 si les réponses doivent être nettoyées des espaces de début et fin var casse = 1; // 0 ou 1 - tapez 1 si la casse (majuscules/minuscules) doit être respectée var correct=0; // 0 ou 1 - tapez 1 pour visualiser les erreurs (couleurs rouge / vert) var tentative=0; // 0 ou 1 - tapez 1 pour afficher le nombre des tentatives var maxtentative=0; // 0 pour illimité - tapez le nombre des tentatives maximales autorisées (tentative doit être à 1) var unefois=0; //0 ou 1 - tapez 1 pour empêcher de recommencer lors d'une session (le couise sera bloqué) (tentative doit être à 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

3

2

1

4

Fond : Freepik, Studiogstock / Images de mots : https://apprendre-reviser-memoriser.fr/

⨀ Er darf spät schlafen ein

droite

⨀ Ich lade Tom ein

⨀ Ich wache auf

Ich ein lade Tom ⨀

Er darf spät einschlafen ⨀

⨀ Sie darf fernsehen

Ich auf wache ⨀

Sie darf sehen fern ⨀

Ich muss bald aufstehen ⨀

⨀ Ich muss bald stehen auf

?

?

Notiere die Nummern

Note les chiffres

Drag bar. Duplicable. For X images, X-1 bars are needed. Each bar is associated with a drag between two images, according to the order of appearance of the bars by copy and paste.Adapt the width of the zone (to the size of the canvas, or not). Only the cursor will be visible when viewed.

This is the area in which the images will appear and overlap. It is greyed out in the editor (if it remains invisible: save, exit Genially and return).Only one canvas per slide.

The extension script, to be left on the page.

This element is to be grouped with an image. Duplicable.The images are placed on the canvas in the order in which they are grouped. The correct number appears once the grouping is done (otherwise exit the slide or Genially, and return).

Tutoriel TOUCHOUSS HORIZONTAL

Only one touchouss per slide (whether horizontal or vertical).On a phone or tablet, dragging the cursor may cause the slide to change. To avoid this, set the Genially to Microsite navigation.

Setting up the drag bar. Specify the starting position of the slider: left, right, or centre. Without this element, the cursor is by default centred, with a slight offset between the different cursors.

Customisable handle. Duplicable by copy and paste, to be grouped with something (text, image, shape...). The initial position of the object is used to cut the initial images.

Tutoriel TOUCHOUSS VERTICAL

Drag bar. Duplicable by copy and paste, to be resized in height to define the extreme vertical positions that the handle of the same index can take. The width does not influence. For X images, X-1 bars are needed. Each slide is associated with a slide between two images, according to the order in which the bars appear by copy and paste.

This is the area in which the images will appear and overlap. It is greyed out in the editor (if it remains invisible: save, exit Genially and return).Only one canvas per slide.

Needs to be in the page

This element is to be grouped with an image. Duplicable.The images are placed on the canvas in the order in which they are grouped. The correct number appears once the grouping is done (otherwise exit the slide or Genially, and return).

Only one touchouss per slide (whether horizontal or vertical). On a phone or tablet, dragging the cursor may cause the slide to change. To avoid this, set the Genially to Microsite navigation.

gauche

TOUCHOUSS HORIZONTAL

droite

TOUCHOUSS VERTICAL