Want to create interactive content? It’s easy in Genially!

Get started free

Remember

mardubyram

Created on September 15, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

SWOT Challenge: Classify Key Factors

Vision Board

Explainer Video: Keys to Effective Communication

Explainer Video: AI for Companies

Corporate CV

Flow Presentation

Discover Your AI Assistant

Transcript

Décoller

Remember

A destination de

Sortir (film)

A l'épreuve du temps

Lancer (fusée)

Abaisser

Divertissant

Une combishort

Présenter/Mettre en avant

Préjudice

Sans défaut

SUSPENS

Let's go

Don't forget your vocab for your test...

tirage

tirage

PIOCHE

tirage

Lancement automatique

Lancement automatique sans suspense

tirage

Le dé cortiqué

Six faces superposées avec le bouton tirage placé au premier plan et rendu transparent

La fonction"cache" a été supprimée

Chaque face est un groupe constitué d'un cadre, d'un ensemble de cercles, d'un fond et de l'objet "hasard"

Le tuto

Fonction facultative qui cache les objets à l'ouverture de la page

Objet à grouper avec un élément Genially

Le dupliquer autant de fois que nécessaire...

Objet à grouper avec un élément Genially (dos de carte, zone transparente...)

Boutons au choix avec ou sans effet suspens

Le CODE

pour comprendre ou le plaisir des yeux

<div>Cache</div> <script> var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { function cache(){ var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i < hsrd.length; i++) { var acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (acacher.getAttribute("id")==null) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } acacher.style.visibility="hidden"; } } cache(); } </script>

<div class="hasard">hasard</div> <script></script>

<script> //CACHE FENETRE AU CLIC setTimeout(function(){document.getElementsByClassName('icon-close')[0].click()}, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard"); var idInterval var fois = 1; var lance=0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer(){ if (lance==0){ lance=1 idInterval = setInterval(tourne, 150); } else {return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i < hsrd.length; i++) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (acacher.getAttribute("id")==null) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } acacher.style.visibility="hidden"; } // SORT UN CHIFFRE AU HASARD ET AFFICHE OBJET CORRESPONDANT valeur=Math.floor(Math.random() * hsrd.length); avoir=hsrd[valeur].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (avoir.getAttribute("id")==null) { avoir=hsrd[valeur].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } avoir.style.visibility="visible"; // INCREMENT FOIS SI 20 TOURS ALORS RENITIALISE fois ++; if (fois == 20) { clearInterval(idInterval); fois=1; lance=0; } } lancer(); //FONCTION LANCER </script>

Page pour votre création

PIOCHE

SUSPENS

tirage

Version avec 10 RND différents dans la même page

SUSPENS2

SUSPENS1

SUSPENS4

SUSPENS3

SUSPENS

tirage

tirage1

tirage4

tirage3

tirage2

SUSPENS6

SUSPENS5

SUSPENS7

SUSPENS9

SUSPENS8

tirage5

tirage7

tirage8

tirage6

tirage9

PIOCHE

PIOCHE

PIOCHE

PIOCHE

PIOCHE

PIOCHE

6 pioches différentes pouvant fonctionner dans la même page

Version avec 21 RND différents dans la même page activés par un seul bouton (non compatible avec les versions antérieures)

tirage UNIQUE

Si besoin, script pour ajouter de nouveaux éléments RND - Penser à changer le numéro de la référence

<div class="rnd20" datanum="20" data-rnd="hasard" style="font-size: 16px;width:100%; height:100%; background-color: lavender;text-align:center;">RND20 (cache-auto)</div> <script> </script>

10

FONCTION RND OBLIGATOIRE & UNIQUE DANS LA PAGE

BOUTON TIRAGE OBLIGATOIRE & UNIQUE DANS LA PAGE

ELEMENT HASARD OBLIGATOIRE, DUPLICABLE ET A GROUPER AVEC UN OBJET

VARIABLE FOIS FACULTATIVE & UNIQUE DANS LA PAGE (nombre de tirages possible) Par défaut = infini

10

VARIABLE ROTATION FACULTATIVE & UNIQUE DANS LA PAGE (nombre de roulements avant affichage du tirage = durée du suspense) Par défaut = 1

HH:MM:SS

MELANGE