motercalo Effet "Lightbox" dans Yacs Martin [Solved] - www.yacs.fr

Skip to main content Help Control Panel

 

Communauté «   Développement «   Tests des versions précédentes de Yacs Martin «   RC5 livrée - test de yacs 10.2.12, alias yacs Martin RC 5 «  

Effet "Lightbox" dans Yacs Martin [Solved]

Quelles solutions pour améliorer l'effet "lightbox" dans Yacs Martin ?
WorkflowSupport request
StatusNo specific solution has been released
OwnerJmarc
Progress100%

Issue description

Sur mon site actuel (typo3), l'affichage des images se fait via slimbox (http://www.digitalia.be/software/slimbox2) dont l'ergonomie est plus poussée que la lightbox proposée dans yacs Martin.

Pour ne pas donner l'impression à mes visiteurs de régresser, j'aimerais leur proposer des fonctions équivalentes sous Yacs.

Notamment :

  • Pouvoir fermer l'image via la touche Escape du clavier
  • Pouvoir fermer l'image en cliquant en dehors de l'image
  • Passer à l'image suivante en cliquant sur la moitié droite de l'image
  • Passer à l'image précédente en cliquant sur la moitié gauche de l'image
  • Passer à l'image suivante ou précédente en utilisant les flèches du clavier

Pour y parvenir, je me pose les questions suivantes :

  1. peut-on modifier la "ligthbox" utilisée par yacs Martin ? où sont les fichiers concernés ?
  2. peut-on envisager de la remplacer par une autre lightbox plus moderne ? faut-il en choisir une qui s'appuie su JQuery, motools ou autre ?

Si certains d'entres vous ont des infos et des idées, je suis prenneur...

Comments

Jmarc - on Mar. 20
Le problème a été enregistré
Christian - on Mar. 20

Jquery est embarqué dans yacs. Avec un petit peu de programmation, ou du javascript ou même un overlay il doit être possible de pouvoir faire des choses intéressantes.

exemple simple avec un peu de javascript ci-dessous

Agrandir ce texte

 



Christian Loubechine
actupro
Christian - on Mar. 20

des exemples :

http://blog.arnaud-k.fr/demos/jcarousel/

http://www.webdesignerwall.com/demo/jquery/

http://www.alsacreations.com/t...ple-jquery.html



Christian Loubechine
actupro
Jmarc - on Mar. 20

ok, j'ai fini par trouver que cela se passait dans shared/yacs.js, dans la fonction showImage...

Mais comme je ne connais ni le javascript ni Jquery, je ne me sens pas d'étendre le code actuel afin d'y ajouter les fonctionnalités souhaitées.

J'ai donc 2 options :

  • soit me contenter pour l'instant du "lightbox" intégré dans yacs en me disant qu'un jour, il pourra être amélioré.

  • soit j'ajoute "slimbox" en plus

Par contre, je viens de me rendre compte que le "lightbox" intégré à Yacs "enchainait" toutes les images présentes dans la page même si du texte les séparent (au lieu de s'arréter à chaque groupe d'image comme les autres lightbox...)

 


J.Juraver - on Mar. 20

Une petite recherche sur yacs montre que c'est débattu depuis un moment déjà...



Je ne m'attarde pas, j'ai mon yacs en double file...
Yacs.tel Yacs.pro Wikipedyacs
Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |
Click to slide Suggestions les plus plébiscitées

Jmarc - on Mar. 20

Merci J.J pour ces liens. J'avais parcouru les articles parlant de ligthbox mais pas eu l'idée de voir ceux parlant de jQuery...

En lisant ceux que tu listes, on y parle des fois de l'intégration des librairies Prototype et scriptaculous et d'autre fois de l'intégration de JQuery.

J'ai recherché en vain un fichier jquery.js dans yacs... (pour regarder quelle version était embarquée)
Faut-il l'ajouter en plus de l'installation de yacs Martin ?


J.Juraver - on Mar. 20

Jquery n'est pas dans yacs, seulles sciptaculous et prototype y sont.

Par contre dans certaines discussions citées plus haut on parle d'une bidouille pour intégrer Jquery ou Motools de manière compatible avec prototype. Dans d'autres fils, on parle de l'opportunité d'utiliser une autre librairie plus édiée aux galeries d'image. Il y a de tout...

J'ai aussi envie de trouver une solution de remplacement au flash du carousel : View this comment



Je ne m'attarde pas, j'ai mon yacs en double file...
Yacs.tel Yacs.pro Wikipedyacs
Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |
Click to slide Suggestions les plus plébiscitées

Alexis Raimbault - on Mar. 20

Je confirme : pas de Jquery dans le core de yacs.

Scriptaculous et prototype sont compactés dans le fichier included/browser/library.js

c'est effectivement showImage de yacs.js qui affiche la lightbox.
pour info JM, on peut aussi passer des photos d'un article à l'autre sur une section en layout daily par ex.

Finalement ce que tu souhaites c'est juste des raccourcis clavier ? tu pourrais ajouter des "accesskey" au html produit.

 




Jmarc - on Mar. 20

Alexis : en fait, ce qui me parait le plus pratique et probablement le plus utilisé par mes visiteurs, ce sont les "raccourcis souris" qui permettent de passer aux images suivantes ou précédentes ou de fermer la lightbox sans devoir cliquer précisément sur un bouton.

Sachant que c'était les librairies scriptaculous et prototype qui étaient embarquées dans yacs, j'ai testé ligthbox 2 et lightview mais aucun des deux n'a fonctionné (peut être un problème de version de librairies).

j'ai donc opté pour la solution actuellement intégrée dans yacs, on verra plus tard comment arriver à lui ajouter ces conforts ergonomiques...

 

 


Christian - on Mar. 24

En fait pour ma réponse je m'étais basé sur le souvenir de la question de JJ dans Personnalisation du Carrousel sans aller plus loin.

Désolé pour cette réponse un peu trop précipitée Undecided



Christian Loubechine
actupro
Bernard Paques - on Mar. 30

Je ferme cette page, qui n'est pas vraiment un incident, mais on peut reprendre la conversation sur une nouvelle évolution fonctionnelle des boîtes surgissantes de yacs -- si si, c'est la traduction correcte !


Bernard Paques - on Mar. 30
Fin de la recherche de solution
Download yacs