ajouter balayez effet pour le jquery, lightbox, fancybox
Fancybox a un support complet et fonctionne très bien sur les plates-formes de bureau, toutefois mobiles/tactiles périphériques ne prennent pas en charge la :hover
propriété de l'etat par conséquent, si l'affichage d'une galerie fancybox comme :
<a class="fancybox" rel="gallery" href="image01.jpg">01</a>
<a class="fancybox" rel="gallery" href="image02.jpg">02</a>
<a class="fancybox" rel="gallery" href="image03.jpg">03</a>
... etc.
et ce simple code :
$(".fancybox").fancybox();
fancybox les flèches de navigation aurait besoin d'un double-cliquez sur pour passer à l'élément suivant, celui de montrer la flèche de navigation (:hover
) et d'autres pour en fait l'avance pour le prochain/précédent article.
La question est : est-ce fancybox ont un balayage de la fonctionnalité pour ipad, iphone, etc ? Si non, comment il peut être mis en œuvre à l'aide de jQuery?
Je cherchais à faire la même chose, trouvé cette modification du code sur Github: https://github.com/rytikovCode/fancyBox Aussi, je suis de nouveau à répondre sur un Débordement de Pile, si j'ai foiré quelque chose, mon mauvais...
OriginalL'auteur user168507 | 2012-03-20
Vous devez vous connecter pour publier un commentaire.
essayez lien suivant pour .net tutoriel: lightbox responsive
alternative d'essayer de photo de balayage plugin qui est vraiment bon, le trouver ici
autres options:
swipjs
jquery mobile
jqtouch
Le premier lien ne fonctionne plus ici est la bonne: Responsive HTML5 Lightbox
OriginalL'auteur TheDeveloper
Si vous voulez intégrer des effets de balayage à votre fancybox vous suffit d'ajouter les lignes suivantes à votre fancybox.js code::
Copier le code dans le
_setContent
fonction (recommandée est sur la fin de la fonction)::Pour faire ce travail vous avez besoin de deux léger plugins jquery:
http://plugins.jquery.com/event.move/
http://plugins.jquery.com/event.swipe/
Que c'est. Amusez-vous
_setDimension
fonction et cela a fonctionné parfaitement, merci pour l'astuce, c'est de l'excellent pluginssry mais il ne fonctionne pas =(
Le
_setContent
fonction ne semble pas exister plus (j'utilise la version 2.1.5), mais de mettre le code à la fin de la_setDimension
fonction, comme mentionné ci-dessus, fonctionne. Simple et agréable, solution, merci 🙂Fonctionne comme un charme! Essayé et testé avec la version 2.1.5 de Fancybox!
Il fonctionne pour moi! MAIS j'ai besoin de modifier le code ajouté à fancybox.js pour: "$(".fancybox-wrap").('swipeleft', function() { F.(); }); $(".fancybox-wrap").('swiperight', function() { F. prev(); }); "
OriginalL'auteur notsure
vieille question, mais peut-être encore. Je l'ai résolu en utilisant jQuery UI fonction appelée "déplaçable".
Vous pouvez le visionner ici.
http://jsfiddle.net/VacTX/4/
Salut @arbitter , vous pouvez avoir un " $(this).animate({left: 0}, 500)" dans la fonction d'arrêt pour la fonction draggable pour déplacer l'image à la position d'origine. Pour les touches suivant/precedent ses délicates. vous devez détecter le mobile / appareil de bureau et de modifier les flèches option pour que. le "moveback" fonction, vous pouvez afficher sur mon jour de violon.. jsfiddle.net/VacTX/20 pour l'appareil mobile de détection, j'ai trouvé ici quelque chose d'intéressant.. github.com/miohtama/detectmobile.js mais je n'ai pas tester.
Ce n'est pas un travail sur un mobile plaquettes, juste de perdre du temps à chekc.
Mais vraiment génial ajouter un peu comme balayer pour bureau événement de souris =) Ty.
Ce serait parfait, mais malheureusement ne fonctionne pas sur mobile et iPad... une idée de ce que j'avais besoin de le faire pour le faire fonctionner sur mobile?
OriginalL'auteur Hansinger
La dernière version (actuellement la version 3 beta 1) a balayez vers le soutien et cela fonctionne, mais j'espère que la version finale sera beaucoup améliorée. L'animation/effet de transition est vraiment lent.
http://fancyapps.com/fancybox/beta/
v3 fonctionne bien. Jek-fdrv n'a aucune idée de quel (s)il parle
OriginalL'auteur Tyler Collier