Paramétrage du Code :
Nombre d'images 3 et nobre de milliseconde de cadence de défilement 3000
Ce que ce code fait :
Tri chronologique ascendant et descendant :
Le tri ascendant est effectué avec chrono : les pages les plus anciennes apparaissent en premier.
Le tri descendant est effectué avec chrono-desc : les pages les plus récentes apparaissent en premier.
Autres types de tri :
Alphabétique avec alpha.
Aléatoire avec random.
Paramétrage de la taille de la fenêtre de défilement
Pour régler la largeur et la hauteur de la fenêtre de défilement, tu dois modifier le style CSS dans le fichier syntax.php, plus précisément dans la partie qui génère la balise HTML contenant le défilement.
Voici les étapes à suivre :
Étape 1 : Modifier la largeur et la hauteur dans syntax.php
Dans le fichier syntax.php, tu trouveras cette ligne :
php
Copier le code
$R→doc .= '<div class=“defilpages-container” style=“width: 300px; height: 350px; overflow: hidden; border: 1px solid red;”>';
C'est ici que tu peux ajuster la largeur et la hauteur de la fenêtre de défilement. Il te suffit de remplacer 300px et 350px par les dimensions souhaitées.
Exemple pour régler la largeur et la hauteur :
Si tu veux, par exemple, une largeur de 400 pixels et une hauteur de 500 pixels, modifie la ligne comme suit :
php
Copier le code
$R→doc .= '<div class=“defilpages-container” style=“width: 400px; height: 500px; overflow: hidden; border: 1px solid red;”>';
Étape 2 : Modifier la largeur des pages défilantes
Il est aussi important d'ajuster la largeur de chaque page qui défile, afin que les pages ne dépassent pas la largeur du conteneur. Cela se fait ici :
php
Copier le code
$R→doc .= '<div class=“defilpages-page” style=“flex-shrink: 0; width: 300px;”>';
Si tu changes la largeur du conteneur à 400 pixels, tu dois également ajuster la largeur de chaque page défilante à 400px. Cela se fait en modifiant la ligne comme suit :
php
Copier le code
$R→doc .= '<div class=“defilpages-page” style=“flex-shrink: 0; width: 400px;”>';
Exemple complet de modification
Si tu veux une fenêtre de 400px de largeur et 500px de hauteur, voici les modifications à appliquer dans syntax.php :
php
Copier le code
$R→doc .= '<div class=“defilpages-container” style=“width: 400px; height: 500px; overflow: hidden; border: 1px solid red;”>';
et
php
Copier le code
$R→doc .= '<div class=“defilpages-page” style=“flex-shrink: 0; width: 400px;”>';
Résultat
Ces changements permettront de redimensionner correctement la fenêtre de défilement et les pages à la largeur et hauteur que tu spécifies.
Si tu souhaites rendre la largeur et la hauteur configurables via les paramètres du plugin, je peux aussi t'aider à ajouter cette fonctionnalité.
Dans la dernière version :quelle est la ligne qu'il faut que je modifie si je veux que la fenêtre de défilement des pages soit moins haute ?
Pour modifier la hauteur de la fenêtre de défilement des pages, tu peux ajuster la propriété CSS height dans le style du conteneur .defilpages-container.
Ligne à modifier :
Dans le fichier syntax.php, cherche cette ligne :
php
Copier le code
$R→doc .= '<div class=“defilpages-container” style=“width: 400px; height: 500px; overflow: hidden; border: 1px solid red; position: relative;”>';
Modifie la valeur de height (ici 500px) pour la hauteur que tu souhaites.
Exemple :
Si tu veux que la fenêtre ait une hauteur de 300px au lieu de 500px, modifie la ligne ainsi :
php
Copier le code
$R→doc .= '<div class=“defilpages-container” style=“width: 400px; height: 300px; overflow: hidden; border: 1px solid red; position: relative;”>';
Cela ajustera la hauteur de la fenêtre de défilement à 300px.
https://chatgpt.com/c/66effe3a-256c-8001-a3eb-9ca8d55c8d36
