jQuery Girl
  1. jQuery Girl
  3. Bouton suivant et précédent non visibles dans fancybox jQuery
Intereting Posts
jquery: je dois utiliser parseInt () même avec des nombres, pourquoi? méthode du widget non appelée Tout le contenu de l’onglet arrive au chargement de la page. Je veux que seules les données des tabs actifs soient affichées Onclick ne fonctionne pas Obtenez seulement le texte des points de suspension en utilisant jquery Faire une soumission cliquable une fois les validations réalisées jquery – slideToggle pas lisse Jquery: Afficher / masquer le menu avec un seul bouton Application .net mvc 4 – appel de ajax à une fonction du contrôleur Jquery affiche les images les unes après les autres Remplir la table en fonction de sélectionner Comment appeler la fonction sur la page parente d’iframe à l’aide de jQuery? Comment implémenter une image popup dans jQuery pour Firebase jQuery: compter les éléments visibles – problèmes d’efficacité / vitesse Comment append un numéro à un identifiant dans un fichier XSL

Bouton suivant et précédent non visibles dans fancybox jQuery

jquery 

$(".gallery_bg").fancybox({//displaying images /*openEffect : 'elastic', closeEffect : 'elastic', 'cyclic':'true', 'scrolling':'yes', 'showNavArrows':'true', helpers : { title : { type : 'inside' } } */ openEffect : 'elastic', closeEffect : 'elastic', showNavArrows : true, closeBtn : false, helpers : { title : { type : 'inside' }, buttons : {} } });

j’ai inclus le style.css 

 #fancybox-left-ico { left: 20px; } #fancybox-right-ico { right: 20px; left: auto; }

après y avoir ajouté, je ne parviens pas à voir les icons suivante et précédente?

lien jsfiddle

Assurez-vous que le fichier fancybox_sprite.png dans le même dossier que le fichier jquery.fancybox.css .

Si vous souhaitez afficher les flèches next / prev de manière permanente, et non au survol de la souris, utilisez ce css ligne (après avoir chargé / lié le fichier jquery.fancybox.css )

Remarque : il s’agit de fancybox v2.x (que je suppose que vous utilisez car les options que vous utilisez dans votre script)

Sur la balise d’ancrage sur laquelle l’utilisateur clique dans votre page html, assurez-vous d’inclure rel = “groupe” dans la balise d’ancrage. Cela devrait automatiquement tirer dans les boutons suivant et précédent.

J’ai des astuces simples mais cela fonctionne pour moi. Vous devez append rel = “gallery1”.

J’espère que tout le monde peut le réparer. Merci

MODIFIER:

Sur votre page de test:

  1. vérifie si jquery.fancybox.js et fancybox.css sont inclus correctement (no Type-Exception: aucune méthode “fancybox” pour cet object)
  2. examinez votre code pour voir si les images sont chargées (erreurs de chemin dans vos css, fautes de frappe …)
  3. vérifiez si vos flèches sont correctement positionnées (affichage, visibilité, position à gauche, à droite …)

Je suis sûr que c’est l’une des 3 choses ci-dessus.

Je sais que c’est un problème ancien, mais j’ai dû append data-fancybox-group = ‘1’ pour que les boutons apparaissent automatiquement.