Avoir un fond d'écran dynamique dans Anki !

Et si l'on poussait la personnalisation de nos flashcards encore plus loin ?  # Random Background Anki

Je fais vous faire découvrir un moyen pour obtenir un fond d'écran dynamique, c'est à dire un fond sous la forme d'une galerie d'images changeant à intervalle de temps donné.

N'est-ce pas tout simplement merveilleux ? Et la bonne nouvelle est que cela fonctionne également sur Ankimobile !

Voici les étapes à suivre pour réaliser votre fond dynamique :

1. Placez l'ensemble de vos images (en .jpg) dans le répertoire média du logiciel Anki.
Ex : "_01.jpg", "_02.jpg", "_03.jpg"... (le "_" est important)

2. Téléchargez le fichier javascript ici et placez-le dans le répertoire média du logiciel Anki

3. Ouvrez le fichier javascript et modifiez les noms des images pour qu'elles correspondent aux vôtres (sans les "_"). Vous pouvez en mettre davantage... Il est également possible de modifier la durée entre chaque image.

function pickBackground() {
    var backgroundsArray = ["01", "02", "03"];
    var numBackgrounds = backgroundsArray.length;
    //Modifier la durée entre chaque image en millisecondes, 600000 = 10 min
    var nonRandomNumber = Math.floor(((new Date).getTime())/600000);
    var backgroundIndex = nonRandomNumber % numBackgrounds;
    return ("_".concat(backgroundsArray[backgroundIndex], ".jpg"));
}

function setBackground() {
    var background = 'url("'+pickBackground()+'")';
    if (document.body.style.backgroundImage != background) {
        document.body.style.backgroundImage = background;
    }
}

setBackground();

4. Il faut maintenant modifier le code CSS des types de notes auxquels vous souhaitez attribuer le fond dynamique grâce au bouton "Champs...". Ajoutez simplement le code suivant dans l'onglet "Modèle du recto" ainsi que dans l'onglet "Modèle du verso" :

<script type="text/javascript">
var script=document.createElement("script");
script.src="_background-picker.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>

5. Il est possible de modifier les caractéristiques (taille et/ou répétabilité) des images de fond en ajoutant le code suivant dans l'onglet "Style" :

.card {
background-repeat: repeat;
background-size: 800px;
}

6. Admirez votre fond dynamique !


En cas de problème, n'hésitez-pas à me le signaler dans les commentaires !