Dans Fancybox 2.1.5, je souhaite remplacer les contrôles par défaut par mes boutons personnalisés (nouveaux boutons de préchargement + boutons Fermer / Suivant / Précédent sur l’image-object).
Je ne suis pas sûr de savoir comment ajuster le code CSS correctement. J’ai essayé de modifier le CSS comme suit , mais il y a quelque chose qui ne va pas, l’icône “Suivant” apparaît dans le coin supérieur droit au lieu du bouton “Fermer”.
Vous pouvez voir mon code sur cette essence .
Pas besoin de jouer avec le fichier CSS original, utilisez plutôt l’option API tpl
comme
$(".fancybox").fancybox({ tpl: { closeBtn: '' } });
Notez que j’ai ajouté la classe myClose
afin de pouvoir définir ses propres propriétés CSS, son image d’arrière-plan, etc., comme
.myClose { height: 50px; width: 50px; background: #ff0000; }
Voir JSFIDDLE juste à titre d’exemple.
Faites la même chose pour les icons précédent / suivant. Consultez la documentation de l’ API (recherchez tpl)