ho un numero considerevole di immagini classificate in sqlserver che presento con il seguente controllo
<asp:HyperLink ID="HyperLink1" runat="server" class="fancybox-thumb" rel="fancybox-thumb"
NavigateUrl='<%# Bind("imagin", "../images/fotoHig/{0}")%>'
ImageUrl='<%# Bind("imagin", "../images/fotoLow/{0}")%>'
tool-tip='<%# Eval("FotDes")%>' Text='<%# Eval("FotDes")%>' />
inserito in unar ListView

che produce il seguente codice DOM

<li class="_viewFo">
<a id="areaContenuti_gMasFoto_HyperLink1_0" class="fancybox-thumb" rel="fancybox-thumb" tool-tip="commento 1" href="../images/fotoHig/001158_0018.jpg"><img src="../images/fotoLow/001158_0018.jpg" alt="commento 1" /></a>
</li>
<li class="_viewFo">
<a id="areaContenuti_gMasFoto_HyperLink1_1" class="fancybox-thumb" rel="fancybox-thumb" tool-tip="commento 2" href="../images/fotoHig/001158_0019.jpg"><img src="../images/fotoLow/001158_0019.jpg" alt="commento 2" /></a>
.....

che rispecchia quello richiesto da fancybox

tutto funziona alla perfezione all'infuori dei titoli, che non ne vogliono sapere di farsi vedere pur avendo inserito a fine pagina lo script consigliato:

<script type="text/javascript">
$(document).ready(function () {
$(".fancybox-thumb").fancybox({
prevEffect: 'none',
nextEffect: 'none',
helpers: {
thumbs: {
width: 100,
height: 100
},
title: {
type: 'inside'
},
afterLoad: function () {
this.title = this.title + ' ' + $(this.element).find('img').attr('alt');
},
overlay: {
showEarly: false
}
}
});
});
</script>

c'è qualcuno che può venirmi in aiuto?
grazie in anticipo

---

Modificato da gianba2000 il 13 febbraio 2016 07.01 -