Essai adHoc

Installation du module Cycle

Ce module très simple permet l'affichage d'un carrousel d'images dans une boîte. Deux effets sont disponibles: fade et défilement.

• Téléchargez le fichier mod_cycle_052.zip.

• Décompressez le zip sur votre disque dur.

• Envoyez le contenu du zip (quatre dossiers : admin, data, images, modules) à la racine de votre site adHoc par FTP, s'il est en ligne ou directement dans le dossier local contenant votre site (acceptez de fusionner les dossiers). Votre dossier images à la racine d'adHoc contiendra désormais un dossier cycle destiné à accueillir les images de votre carrousel.
  

Connectez-vous en admin à votre site. Vous avez un onglet Modules, il vous donne accès à l'icône Cycle.

Réglages du module Cycle

Vous avez ensuite accès aux différents réglages du module :

• Choisissez l'effet de transition entre les images : fade ou défilement.

• Indiquez la vitesse de transition en millisecondes (durée de la transition entre deux images). Si vous ne le faites pas, ce champ sera rempli automatiquement avec la valeur 500.

• Indiquez un temps limite en millisecondes (durée d'affichage de chaque image). Si vous ne le faites pas, ce champ sera rempli automatiquement avec la valeur 4000.

• Entrez une ligne de style, si vous le souhaitez.

  → Attention ses effets seront limités et leur efficacité dépendante de l'endroit où vous placerez votre carrousel. Faites des essais, par exemple entrez :
  margin-top:10px;max-width:400px;
  marge extérieure haute de 10px et maximum de 400px pour la largeur de l'image.

  → Voici une astuce possible pour centrer le carrousel dans sa boîte (nativement, le carrousel est placé à gauche de la boîte). Ajouter dans le fichier style.css de la skin cette règle :
  div.tcycle{display: inline-block;text-align:center;}
  dans la partie /* sections */ par exemple. Cette règle sera prise en compte si la section qui l'accueille a elle-même un centrage prévu (ce n'est actuellement pas le cas pour la section HeroUnit de la no_skin, mais il est possible de le modifier).

• En utilisant le lien en haut à droite Upload Fichier, importez des images (de préférence de mêmes dimensions) pour votre carrousel directement dans le dossier images/cycle. Reportez-vous, si nécessaire, à la documentation qui aborde ce sujet .

• Entrez, pour chaque langue de votre site un titre pour la boîte qui contiendra votre carrousel.

  NB : Laissez les champs vides si vous souhaitez que la boite soit affichée sans titre.

• Enregistrez vos réglages : bouton Enregistrer.
  

Réglages des images

• Vous pouvez activer ou désactiver chaque image en cochant ou non sa case.

• Vous pouvez changer l'ordre des images du carrousel :
  

  → Pointer votre curseur sur le N° de l'image souhaitée.

  → Cliquer-glisser vers l'endroit souhaité, sa nouvelle position est affichée en bleu.

  → Cliquer sur Enregistrer.

Pour supprimer définitivement une image du carrousel, vous devez la supprimer du dossier images/cycle. Reportez-vous, si nécessaire, à la documentation qui aborde ce sujet

Il ne vous reste plus qu'à placer la boîte Cycle dans votre site :

• Allez dans l'administration de votre site : Apparence - Thème actuel

• Suivant l'organisation du thème de votre site, choisissez Header-Pied de page, Index ou Default et dans un emplacement disponible, placez votre boîte.