14-12-2018, 21:21:10
Pendant que j'y étais, j'ai fait une adaptation pour réaliser des applications dont le but est d'ordonner des images.
A tester ici:
https://www.de-bric-et-de-broc.fr/test/a...r-img.html
Pour réaliser ses propres séries d'images à classer, il suffit de modifier le fichier images.js du répertoire en y indiquant le nom des fichiers images dans l'ordre du classement correct, et de placer les fichiers images dans le dossier img.
Voici le contenu du fichier images.js actuel:
Il n'y a plus qu'à ouvrir le fichier html, le script se chargeant de créer tous les élément html nécessaires.
A tester ici:
https://www.de-bric-et-de-broc.fr/test/a...r-img.html
Pour réaliser ses propres séries d'images à classer, il suffit de modifier le fichier images.js du répertoire en y indiquant le nom des fichiers images dans l'ordre du classement correct, et de placer les fichiers images dans le dossier img.
Voici le contenu du fichier images.js actuel:
Code :
/*
Entrer ici les noms des images à classer.
Chaque nouveau tableau correspond à une nouvelle liste.
Pour créer une nouvelle liste, il suffit d'ajouter un nouveau tableau
sans oublier de mettre une vrigule à la fin de la ligne du tableau précédent.
Dans le tableau, les noms des images doivent être impérativement saisis dans
l'ordre de classement. Le script se chargera de les proposer dans un ordre aléatoire.
*/
var items = [
["img1-1.jpg","img1-2.jpg","img1-3.jpg","img1-4.jpg","img1-5.jpg","img1-6.jpg","img1-7.jpg","img1-8.jpg"],
["insecte.png","souris.png","chat.png","chien.png","mouton.png","vache.png","elephant.png","baleine.png"]
];
/*
Indiquer dans ce tableau la hauteur des images des différentes séries,
la première valeur correspondant à la pemière série,
la seconde à la deuxième série, etc.
*/
var hauteurImages = ["145px","100px"];Il n'y a plus qu'à ouvrir le fichier html, le script se chargeant de créer tous les élément html nécessaires.

