forked from ZwiiCMS-Team/ZwiiCMS
[9.0.11] Tippy with img title
This commit is contained in:
parent
4ef61cfbc1
commit
ffd7c3f571
37
core/vendor/tippy/init.js
vendored
37
core/vendor/tippy/init.js
vendored
@ -2,23 +2,34 @@
|
|||||||
* Initialisation de Tippy
|
* Initialisation de Tippy
|
||||||
*/
|
*/
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
// Toute les infobulles auront une flèche
|
// Tooltip des aides
|
||||||
tippy.setDefaults({
|
tippy(".helpButton", {
|
||||||
arrow: true,
|
arrow: true,
|
||||||
|
arrowType: "round",
|
||||||
|
placement: "top"
|
||||||
|
});
|
||||||
|
// Tooltip des attributs title
|
||||||
|
tippy("[content-data-tippy]", {
|
||||||
|
arrow: true,
|
||||||
|
placement: "top"
|
||||||
});
|
});
|
||||||
|
// Pour les images map, pas de flèche, bulle haut suivant le curseur
|
||||||
// Pour les infobulles d'aide, le texte est positionné à droite
|
tippy('img', {
|
||||||
tippy(".helpButton", {
|
content(reference) {
|
||||||
placement: "right"
|
const title = reference.getAttribute('title')
|
||||||
});
|
reference.removeAttribute('title')
|
||||||
|
return title
|
||||||
|
},
|
||||||
|
placement: "top",
|
||||||
|
followCursor: true,
|
||||||
|
animation: "fade",
|
||||||
|
animateFill: true
|
||||||
|
});
|
||||||
// Pour les images map, pas de flèche, bulle haut suivant le curseur
|
// Pour les images map, pas de flèche, bulle haut suivant le curseur
|
||||||
tippy("#image-map", {
|
tippy("#image-map", {
|
||||||
placement: "top",
|
placement: "top",
|
||||||
followCursor: true
|
followCursor: true,
|
||||||
|
animation: "fade",
|
||||||
|
animateFill: true
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// afficher les infobules si l'attribut data-tippy-content est présent
|
|
||||||
tippy('[data-tippy-content]');
|
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user