diaporama dj image slider

Transcription

diaporama dj image slider
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
DIAPORAMA DJ IMAGE SLIDER
I. Préambule
Ce tutoriel concerne l’utilisation du composant DJ Image Slider qui permet de diffuser un
diaporama dans un module d’affichage.
Il aura été préalablement installé sur le site par votre administrateur.
II. Préparation du diaporama
Pour chaque diaporama il faut créer une catégorie (sorte de répertoire référent qui
permet de classer les images).
Pour ce faire, cliquer sur Composants / DJ-Image Slider / Catégories
Puis cliquer sur Nouveau :
Renseigner un titre (qui soit parlant de manière à appeler facilement ce diaporama par la suite).
Et sauver.
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
1/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
III. Création des slides
Pour chaque diaporama il faut créer les slides qui le composent.
Pour ce faire, cliquer sur Composants / DJ-Image Slider / Slides
Puis cliquer sur Nouveau :
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
2/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
Un slide est composé d’un titre, d’une image et d’une description (facultative).
Il faut successivement renseigner ces éléments.
Pour le titre et la description, choisissez des mots / expression parlantes, qui aideront au
référencement si possible.
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
3/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
Les images peuvent avoir été chargées dans le répertoire MEDIA du site par le menu Contenu /
Gestions des médias et il est également possible de les charger à partir de l’interface de
création d’un slide :
Cliquer sur Sélectionner
Placez-vous dans un sous répertoire si nécessaire (cela dépend de l’organisation des images de
votre site). Puis cliquer sur Parcourir pour choisir l’image de votre disque à télécharger, valider
en cliquant sur Ouvrir.
Cliquer sur Lancer le transfert
L’image sera ainsi ajouter aux médias du site. Il vous reste à la sélectionner en cliquant dessus,
puis à valider en cliquant sur Insérer.
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
4/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
Répéter l’opération pour chaque SLIDE.
Il est préférable d’un point de vue esthétique d’avoir dans un même diaporama des
images de même dimension.
Par contre chaque diaporama possède son propre module d’affichage et peuvent donc
être de taille différente selon les besoins.
IV. Création et configuration du module d’affichage
Le module d’affichage permet de choisir l’emplacement et l’article associé au diaporama.
Il se créé par le menu Extensions / Gestions des modules
Cliquer sur Nouveau
Cliquer sur DJ-Image Slider
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
5/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
Puis renseigner les informations suivantes :
CHAPITRE DETAILS
TITRE : le choisir facilement identifiable si plusieurs diaporamas dans le site
MONTRER LE TITRE : mettre MASQUER
Position : banner5 = sous l’article / banner3 = Au dessus de l’article
Statut : publié (le mettre à dépublié si on veut masquer le diaporama)
Les autres options sont « inutiles »
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
6/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
CHAPITRES MENU D’ASSIGNEMENT
Assignement du module : choisir « seulement sur les pages sélectionnées »
Puis Cocher dans l’onglet Menu Horizontal haut ou Menu vertical, la page sur laquelle le
diaporama doit s’afficher
OPTIONS DE BASE
Slider source : component
Slider type Horizontal
Link Image : Don’t link
…
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
7/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
Component as source : settings
Slides category : choisir la catégorie créée pour ce diaporama
Puis choisir si monter description / title …
Basic slider settings :
Slide width et slide height : Définir la dimension du diaporama (dépend de la taille des
images !)
Puis autres options configurables pour personnaliser le diaporama :
V. Synthèse
CHAQUE DIAPORAMA comprend :
Une catégorie
Des slides
Un module d’affichage qui permet de définir OU le diaporama s’affiche.
Il faut donc avoir un menu ou sous menu qui permette d’accéder à la page du
diaporama.
Tout ces éléments doivent être actif pour que cela fonctionne.
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
8/9
Mode Opératoire Site Internet – Joomla
Diaporama DJImageSlider
Version JOOMLA 1.6x
VI. Annexes
Source
http://dj-extensions.com/dj-image-slider/item/item/5-dj-image-slider.html
ATTENTION documentation pour version 1.5 de joomla.
ARKETIC – Place du Souvenir Français – 38160 IZERON – [email protected] – 09 50 70 35 38
Document protégé par les lois de propriétés intellectuelles – Toute reproduction est interdite sans accord préalable
9/9