jQuery Girl
  1. jQuery Girl
  3. Lightbox jQuery avec zoom
Intereting Posts
demande de script jQuery non mise en cache Fancybox: iframe ne fonctionne pas Recréer toute l’instance jstree avec de nouvelles données json Remplissez l’espace entre deux éléments de texte avec des points TinyMCE n’est pas défini Jquery jsTree afficher / masquer les nœuds Javascript niveau de base avec rails: mise à jour d’une div sur formulaire (3.1 / jquery) MVC 3 Ajax.ActionLink avec la boîte de dialog de confirmation de l’interface utilisateur JQuery Le chargeur d’images JavaScript ne fonctionne pas Je ne peux pas mettre un peu de retard / animation Comment lier un événement à sessionStorage? Test d’une redirection de page entière dans qUnit Supprimer les dates passées et les dates des prochains mois du mois en cours API Google Maps – Le regroupement de marqueurs ne fonctionne pas Convertissez les données JSON en format dans le graphique à courbes de base de Highcharts

Lightbox jQuery avec zoom

Existe-t-il un script ou un plug-in jQuery qui ouvre les images dans une lightbox et vous permet de zoomer davantage dans la lightbox? J’ai trouvé BEAUCOUP de scripts qui font soit, ou une variante de celui-ci, mais aucun ne semble faire les deux. Le seul paquet d’options que j’ai trouvé qui a plus ou moins fait ce que je voulais était ajax-zoom, mais c’est une bête assez lourde pour une chose aussi simple. Sans oublier, mon serveur partagé ne l’aime pas du tout.

Au cas où personne ne trouverait la solution, voici une façon de le faire. Vous devrez utiliser fancybox au lieu de lightbox et elevatezoom. Vous pouvez les trouver sur les liens suivants:

http://fancyapps.com/fancybox/#license

http://www.elevateweb.co.uk/image-zoom/download

Une fois que vous avez téléchargé ceci, ajoutez les différents plugins dans l’en-tête (ou au bas du corps pour un chargement plus rapide), votre en-tête devrait ressembler à ceci:

Juste après la jquery.fancybox, ajoutez ce qui suit:

Ceci est une solution pour que le conteneur de zoom apparaisse au-dessus de la fancybox réelle.

Ajoutez la classe .fancybox aux liens qui enveloppent vos images.

Ensuite, ajoutez ce qui suit après les différents scripts:

La lentille devrait alors fonctionner avec Fancybox!

J’ai le même problème et je n’ai trouvé que ajax-zoom.com

http://www.ajax-zoom.com/examples/example5.php

Il fait ce que nous voulons, mais c’est plutôt maladroit. J’utilise Concrete5 et il y a un add-on appelé jqZoom Image qui est un joli survol simple et zoomé

http://www.concrete5.org/marketplace/addons/jqzoom-image/

c5extras.com/add-ons/jqzoom

Idéalement, j’aimerais intégrer cela dans une fenêtre pop-up de style lightbox simple, propre et standard. J’ai demandé à la communauté C5 de voir si quelqu’un est prêt à le faire car je n’ai pas les compétences requirejses. Si j’arrive n’importe où je posterai ici.

Avez-vous obtenu quelque chose avec votre quête?