Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations




Ouvrir/agrandir une image avec un effet LightBox


Niveau de difficulté : Très facile
Temps nécessaire : 1 minute
Logiciel nécessaire : -


But de l'explication:
Ouvrir une image avec un effet "stylisée" type Lightbox.


Sommaire :
1. Exemple
2. Images nécessaires et fonctionnement
3. Méthode pour appliquer cet effet


1. Exemple
Vous pouvez voir un exemple sur la page suivante :
http://www.wifeo.com/sample/lightbox.php.


2. Images nécessaires et fonctionnement
Il est important de comprendre que cette option ne permet pas d'agrandir une image, mais permet uniquement d'ouvrir une image avec un bel effet.

Donc si vous voulez vous servir de cette option pour agrandir une image, vous devez avoir au préalable téléchargé dans "Vos images" cette image en petit format (image sur laquelle l'internaute cliquera) et aussi en grand format (image qui s'ouvrira avec l'effet lightbox).
Dans l'exemple ci dessus, la petite image est :

et la grand image est :


Attention, vous ne pouvez pas ouvrir autre chose que des images avec cette option.


3. Méthode pour appliquer cet effet
Il s'agit en réalité d'un simple lien fait avec le bouton de l'éditeur de construction de vos sites.

•Insérez la petite image dans votre page, et sélectionnez-la
•Cliquez donc sur
•Sélectionnez l'image que vous voulez ouvrir en cliquant sur le bouton "Chercher parmi vos images..."
•Rendez vous dans l'onglet "Avancé"
•Dans "Relation", sélectionnez "Lightbox"
•Vous pouvez mettre dans "Description (title)" une légende qui apparaîtra à l'ouverture de la lightbox
•Cliquez sur OK, et le tour est joué...

Attention, utilisez la Lightbox avec modération, cela fait un jolie effet, mais tous les internautes n'aiment pas forcément ce type d'effet !

 


 

Dans le forum...


 
 

Autres documentations liées


• Obtenir des nouveaux visiteurs grâce à vos images
Extrait :
[i][color=green]Niveau de difficulté : Facile Temps nécessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Pourquoi référencer vos images ? Parce que vos images peuvent générer des...
Sommaire :
1. Vos images et les moteurs de recherche
2. Vos images et les réseaux sociaux

 
• Comment mettre un petit logo pour votre site dans la barre du navigateur
Extrait :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Afficher une petite image dans la barre du navigateur que les visiteurs verront lorsqu'ils...
Sommaire :
1. Où sera affiché cette image (favicon)
2. Comment créer un favicon
3. Insérer le favicon sur votre site

 
• Comment mettre un cadre à une image et le paramètrer.
Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 3 minutes Logiciel requis : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment ajouter un cadre autour d'une image, regler la largeur de ce cadre, et changer la couleur de ce...
Sommaire :
1. Insérer une image dans une page
2. Mettre un cadre à une image et régler son épaisseur
3. Changer la couleur du cadre

 
• Le format des images
Extrait :
[i][color=green]Niveau de difficulte : Difficile (termes techniques) Temps necessaire : - Logiciel requis : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]En savoir plus sur les formats des images, et quels sont les utilisation recommandees pour chaque...
Sommaire :
1. Les formats acceptés sur Wifeo
2. Le format PNG
3. Le format JPEG (ou JPG)
4. Le format GIF
5. Le format ICO

 
• Comment afficher une image dans une page
Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 3 minutes Logiciel requis : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment afficher une image sur une page de votre site.[/list] [color=orange][size=18]Sommaire...
Sommaire :
1. Format de l'image
2. Télécharger l'image
3. Insérer l'image dans une page

 
• Réduire la taille de vos images APRES telechargement dans Vos images
Extrait :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Réduire correctement la taille de vos images de façon à pourvoir...
Sommaire :
1. Explication préliminaire
2. Méthode pour réduire une image en 10 secondes
3. Preuve de l'intérêt de cette méthode

 
• Réduire la taille de vos images AVANT téléchargement dans Vos images
Extrait :
[i][color=green]Niveau de difficulté : Très facile Temps nécessaire : 3 minutes Logiciel necessaire : Logiciel de dessin (exemple : Paint)[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Réduire correctement la taille de vos images de...
Sommaire :
1. Explication préliminaire
2. Méthode pour réduire une image avec Paint
3. Preuve de l'intérêt de cette méthode

 
• Comment bien utiliser la documentation Wifeo
Extrait :
[i][color=green]Niveau de difficulté : - Temps nécessaire : 5 minutes Logiciel nécessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Vous permettre de savoir comment bien utiliser la documentation Wifeo afin de trouver facilement et...
Sommaire :
1. Trouver une explication
2. Structure des explications
3. En savoir plus grâce au forum
4. Donnez des conseils et partagez votre expérience

 
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES