Fork me on GitHub

Rapport de message :*
 

Re: News : comment utiliser effet lightbox dans les articles ?

Titre du sujet : Re: News : comment utiliser effet lightbox dans les articles ?
par montuy337513 sur 10/07/2014 09:55:30

Autre précisions quand on y est :
Citation :

Ca fonctionne mais je préfèrerais pouvoir utiliser l'effet lightbox pour agrandir l'image.

Le 'lighthbox' n'agrandit pas l'image, le 'lightbox' permet de visualiser plusieurs images présentes dans une liste d'une façon plus agréable et pratique. Pour que le 'lightbox' fonctionne il y a deux impératifs, le premier c'est que la photo soit enregistré sur le disque dur avec une taille suffisamment grande pour voir que se soit agréable à voir, en second lieu qu'il y ai une taille fixe pour la largeur et/ou la hauteur.

Implanter un 'lightbox' dans un article news, pas très compliqué a première vue, mais oblige certains choix comme :
- toute les images dans ton article seront situées au même endroit
- tu devra prévoir une restructuration de chacun de tes articles déjà écrit

Pour être sûr que cela pose pas de problème, je te conseille vivement de charger Xoops directement dans ton thème. Comme ça, quoi qu'il arrive il est chargé.
En 2 choisir un script 'lightbox' sur la toile et l'implanter à la rigueur dans le template de la visualisation de l'article
En 3, implanter le CSS et les images de la 'lightbox'
En 4, tout simplement utiliser la syntaxe imposée par la 'lightbox' pour insérer les photos (souvent ce sont des div ou des balises <ul> et <li>, pour les plus sophistiqués, ce sont simplement des 'class'). Ce point oblige a utilisé de l'HTML directement dans ton article, donc il faut que le HTML soit autorisé dans les préférences et si tu utilises TinyMCE, penser à cliquer sur le bouton "code"



Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

46 Personne(s) en ligne (34 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 46 | Plus ...