Pulsante successivo e precedente non visibile in jQuery fancybox

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 : {} } }); 

ho incluso lo style.css

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

dopo aver incluso anche io non riesco a vedere l’icona successiva e precedente?

collegamento jsfiddle

Assicurati che il file fancybox_sprite.png nella stessa cartella del file jquery.fancybox.css .

Se si desidera visualizzare le frecce next / prev in modo permanente, non solo con il passaggio del mouse, quindi utilizzare questo css linea (dopo aver caricato / collegato al file jquery.fancybox.css )

  

Nota : questo è per fancybox v2.x (che presumo tu stia utilizzando perché le opzioni che stai usando nel tuo script)

Nel tag di ancoraggio che l’utente fa clic nella pagina html, assicurati di includere rel = “group” all’interno del tag anchor. Questo dovrebbe inserire automaticamente i pulsanti successivo e precedente.

Ho dei suggerimenti semplici, ma funziona per me. Devi aggiungere rel = “gallery1”.

   

Spero che tutti possano sistemarlo. Grazie

MODIFICARE:

Nella tua pagina di test:

  1. controlla se jquery.fancybox.js e fancybox.css sono inclusi correttamente (nessun tipo-eccezione: nessun metodo “fancybox” per questo object)
  2. esamina il tuo codice per vedere se le immagini sono caricate (errori di percorso nel tuo css, errori di battitura …)
  3. controlla, se le tue frecce sono posizionate correttamente (display, visibilità, posizione sinistra, destra …)

Sono sicuro, è una delle 3 cose di cui sopra.

So che questo è un vecchio problema, ma ho dovuto aggiungere data-fancybox-group = ‘1’ per far apparire i pulsanti automagicamente