Contrôles externes Fancybox

Question

J'essaie d'utiliser créer des contrôles externes pour Fancybox, ou de quelque façon manipuler les contrôles qui existent pour regarder et positionner comme je les veux.

Voici la page sur laquelle je travaille.

À l'heure actuelle, il est configuré pour charger ces diapositives de portefeuille via iframe (pages HTML) via Fancybox. J'ai mis l'arrière-plan pour être blanc, et j'ai également mis mon menu en face de la superposition via z-index dans mon CSS.

J'ai mis en place mes propres contrôles (statiques) sur la page, mais je n'ai aucune idée de la façon dont j'allais modifier le plugin pour en faire mes contrôles. Je veux que les contrôles soient toujours affichés et positionnés comme je les ai configurés. Tout ce que j'ai essayé jusqu'ici est de leur donner les noms d'identification des contrôles Fancybox par défaut mais cela les a juste cachés.

Suggestions? Toute aide est appréciée.

Answer 1

Votre premier problème est que le #fancybox-left div est sur le dessus de vos contrôles, de sorte que vous ne pouvez même pas cliquer sur vos contrôles. Vous pouvez utiliser les CSS pour les cacher

#fancybox-left, #fancybox-right { display: none; } 

pour déclencher des actions FancyBox, allez ici: http://fancybox.net/api

Regardez sous la rubrique "Méthodes publiques" et faire quelque chose comme ça

$('#my-previous-button').click(function(){ 
    $.fancybox.prev(); 
});