Fancybox et info-bulles

Résolu/Fermé
Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - Modifié par Eritou le 16/01/2015 à 21:52
 Utilisateur anonyme - 17 janv. 2015 à 03:43
Bonsoir à tous,
Une question qui peut sembler stupide, désolé :(
J'ai testé (je pense) tout ce qui se trouve sur les forums francophones pour désactiver les info-bulles présentent par défaut sur Fancybox. Info-bulles liées au "title", à la flèche droite ("next")/gauche etc...
Supprimer l'info-bulle liée au "title" en remplaçant "title" par "alt" : plus d'info-bulle mais plus de légende sous la photo cliquée :( et toujours ces info-bulles "next" et "Previous").
Je ne sais que joindre comme code à cette question car les solutions trouvées (non-adaptées à mon cas bien basique) font référence aux CSS, au JS et au HTML (avec l'attribut "title").
Merci pour votre aide et bonne soirée,
E.
A voir également:

3 réponses

Salut,

si tu souhaite enlever l'infobulle next et preview, il te faut alors modifier le fichier jquery.fancybox.js.

tu trouvera en haut de fichier vers la configuration (ligne 145, 146):

next     : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev     : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'



il te suffit de retirer les attribut title des flèche :

next     : '<a class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev     : '<a class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'


bonne soirée
׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×
1
Utilisateur anonyme
17 janv. 2015 à 03:43
Salut,

il faut que dans ton fichier html ou php tu modifie tous les title de tes images en alt

title="je suis une infobulle chiante" ==> alt="je suis une infobulle chiante"

puis dans ton fichier jquery.fancybox.js à la ligne 264 (si tu as pas modifié)

tu aura ceci

if (isQuery(element)) {
	obj = {
			href    : element.data('fancybox-href') || element.attr('href'),
			title   : element.data('fancybox-title') || element.attr('title'),
			isDom   : true,
			element : element
		};


il faut que tu mette alt au lieu de title sur cette ligne :

title   : element.data('fancybox-title') || element.attr('alt'),



bonne soirée
1
Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 4
17 janv. 2015 à 03:36
Slt lobotoFix,
YES !!! Plus d'info-bulle pour les flèches (ENFIN !!! :) GREAT !!!
Merci !!!! Mais aurais-tu une idée pour les "title" du HTML ? Supprimer l'attribut "title" supprime la légende de la photo :(
<a class="fancybox" href="img/kgbig.jpg" data-fancybox-group="gallery" title="Kenny Garrett"><img src="img/kg.jpg" alt="" class="vignette divers"/></a>

Comment garder la légende "Kenny Garrett" sous sa photo (et donc l'attribut "title" ) sans garder cette fichue info-bulle ?
Merci d'avoir résolu une bonne partie de ma question :D
Bon week-end,
E.
0