Fork me on GitHub




« 1 (2) 3 »


alain01
Re: News : comment utiliser effet lightbox dans les articles ?
#11
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Citation :
lionhell a écrit :
Pourquoi les images devraient avoir la même taille ? Avec extGallery j'ai des images de tailles différentes dans les albums et ça fonctionne très bien !

parce que pour le visiteur c'est franchement désagréable de voir redimensionner la fenêtre à chaque changement d'image,
ça fait un peu "bricolage" comme sensation.

Posté le : 10/07/2014 10:05

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
montuy337513
Re: News : comment utiliser effet lightbox dans les articles ?
#12
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
pour intégrer dans ton thème jQuery, suffit de mettre cette ligne
<script src="http://www.urldusite.com/browse.php?Frameworks/jquery/jquery.js" type="text/javascript"></script>


pour utiliser la version de Xoops (a mettre entre <head> et </head>), bien c'est un exemple et tu peux modifier le chemin de jQuery

Pourquoi avoir des images de la même taille ?
En premier, comme le dit Alain, c'est une question d'ergonomie, ton site fais moins amateur et les visiteurs restes peut être plus de 3 secondes sur ton sites (ceci est du source statistiques, c'est variable, tout dépend le thème de ton site et si la personne cherche une réponse bien précise et que tu est le seul a avoir). Donc en clair cela améliore ton taux de rebond.
En second, maîtriser et optimiser les tailles d'images accélère sérieusement le temps d'affichage de ta page, donc améliore le référencement et tu obtiens un meilleur placement dans les réponses des moteurs de recherche

Edit de montuy337513 : changement de la ligne de code suite à une erreur de copier/coller

Posté le : 10/07/2014 10:31

Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#13
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Merci Montuy je vais essayer ça !

Pour la taille je comprends, et j'approuve. Je croyais simplement qu'il s'agissait d'une limitation technique !

Posté le : 10/07/2014 10:34

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
alain01
Re: News : comment utiliser effet lightbox dans les articles ?
#14
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Citation :
montuy337513 a écrit :
pour intégrer dans ton thème jQuery, suffit de mettre cette ligne
<script src="http://www.gregory-chiha.com/include/xoops.js" type="text/javascript"></script>

Hum hum,
même si c'est une de tes productions, Cedric,
je n'invite pas les webmasters à inclure un javascript extérieur.

- Besoin d'accès à un site dont on ne maîtrise pas sa mise en ligne 24/24
- On ne maîtrise pas la pérennité du lien
- On ne maîtrise pas le contenu du code

Cédric, je me rappelle que toi-même tu avais déconseillé d'utiliser des scripts extérieurs, dans un sujet ancien.

Posté le : 10/07/2014 10:41

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
montuy337513
Re: News : comment utiliser effet lightbox dans les articles ?
#15
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
exact, c'est juste un exemple, comme préciser, et d'ailleurs la ligne exacte est
<script src="http://www.urldusite/browse.php?Frameworks/jquery/jquery.js" type="text/javascript"></script>


Je m'en fait ce pas modifier l'autre post, merci Alain

Posté le : 10/07/2014 10:45

Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#16
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Ha ok, mais alors cette ligne est déjà présente dans le thème ...
Citation :
<script type="text/javascript" src="<{xoAppUrl browse.php?Frameworks/jquery/jquery.js}>" ></script>


Mais ensuite comment faire pour avoir lightbox sur une image d'un article news ? Car pour le moment je n'y arrive pas ...

Posté le : 10/07/2014 10:50

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
montuy337513
Re: News : comment utiliser effet lightbox dans les articles ?
#17
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
comme dis plus haut, tu trouve un script de lightbox quelque part, puis dans le haut (ou le bas, c'est pareil) du template qui gère l'affichage de l'article (je pense que c'est là que tu le veux), tu mets une ligne du genre
<script type="text/javascript" src="http://www.urldusite.com/themes/ton_theme/lib/lightbox.js"></script>

bien sur tu adapte la ligne ci-dessus a tes besoins

idem, les images tu les mets dans les images de ton thème, et les css de la lightbox tu la copie dans le css de ton thème (ou dans celui du module news, si le fichier style.css existe dans le répertoire du module)
ensuite il ne te reste plus qu'à utiliser les lignes de codes HTML données dans l'exemple de la lightbox, surtout ne pas utiliser le bouton d'intégration d'image, lors de la rédaction de ton article, penser a autoriser le HTML dans l'article dans les préférences.

Posté le : 10/07/2014 10:58

Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Partager Twitter Partagez cette article sur GG+
Rapport Haut
alain01
Re: News : comment utiliser effet lightbox dans les articles ?
#18
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Comme l'a indiqué Cédric un peu avant, il faut certainement inclure tes photos dans des balises type :

<div="photolight">...<div>

Posté le : 10/07/2014 11:00

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#19
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Hmm, finalement mon petit script popup est bien plus simple !! Certes il n'a pas l'effet lightbox mais bon ...

Juste une autre question .. le hook de extGallery est bien censé utiliser lightbox ? Car lorsque je l'utilise avec le tag [gallery], l'image s'affiche en lieu et place de xoops, sans lightbox évidemment.

Posté le : 10/07/2014 11:04

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#20
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bon alors ça marche ... mais 1 fois !?

Une fois l'article publié, si je clique sur le lien, lightbox fonctionne.

Je change de page, puis je reviens àl'index de news, sur l'article, et lightbox ne fonctionne plus !

Voici ce que j'ai ajouté au début du fichier news_index.html :
<script type="text/javascript" src="<{xoAppUrl browse.php?Frameworks/jquery/plugins/jquery.lightbox.js}>"></script>
<link rel="stylesheet" type="text/css" href="<{xoAppUrl browse.php?modules/system/css/lightbox.css}>" />

<script type="text/javascript">
$(function() {
$('#gallery a').lightBox({
imageLoading:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-ico-loading.gif}>',
imageBtnClose:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-close.gif}>',
imageBtnNext:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-next.gif}>',
imageBtnPrev:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-prev.gif}>',
imageBlank:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-blank.gif}>'
});
});
</script>


Pour éviter d'avoir à ajouter un DIV manuellement autour du lien j'ai modifié $('#gallery a') par $('a#gallery'). ainsi il suffit de donner un id=gallery au lien pour avoir le même résultat.

Mais avec ou sans cette modif. cela fonctionne une fois et ensuite fini !

Posté le : 10/07/2014 12:55

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
« 1 (2) 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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