Hello, I have a problem with the tooltip. The option works fine in the list list rows page. I have an image field that shows the Caption field via tooltip. However, when I click on the image, the photo appears in a larger version and the tooltip does not work there. How can I activate it also on the large photo? I tried to write a code for Client script but it does not work:
$(document).ready(function () {
// Evento per gestire quando Colorbox completa il caricamento
$(document).on('cbox_complete', function () {
// Trova l'immagine caricata nel Colorbox
var img = $('#cboxPhoto');
// Trova la didascalia associata all'immagine nella tabella
var didascalia = $('td[data-name="Immagine"] img')
.filter(function () {
return $(this).attr('src') === img.attr('src');
})
.closest('tr')
.find('td[data-name="Didascalia"]')
.text()
.trim();
// Se esiste una didascalia, aggiungi il tooltip all'immagine
if (didascalia) {
img.attr('title', didascalia); // Imposta il titolo
img.tooltip({
placement: 'top', // Tooltip sopra l'immagine
container: 'body',
trigger: 'hover', // Mostra solo al passaggio del mouse
});
}
});
// Rimuovi il tooltip quando Colorbox si chiude
$(document).on('cbox_cleanup', function () {
$('#cboxPhoto').tooltip('dispose');
});
});