Salve, ho questo codice che in poche parole quando clicchi sull'immagine genera un tooltip a comparsa e a chiusura tramite click. Su di una immagine sola funziona correttamente.
Ora io dovrei generare tramite ciclo php tante immagini diverse, ed ogni immagine avrà la sua descrizione.
Cosa dovrei fare per farlo funzionare dinamicamente su tante immagini? Dovrei inserire un id? Ma come?
codice HTML:
<a href="javascript:void(0)" class="mostra"><img src="/images/items/item1.png" /></a>
<div class="tooltip">Contenuto da mostrare
<button class="chiudi">X</button>
</div>
codice HTML:
<script type="text/javascript">
$(document).ready(function () {
$('.tooltip').fadeOut(0);
$('button.chiudi').click(function (e) {
e.preventDefault();
$('.tooltip').fadeOut();
});
$('a.mostra').click(function (e) {
e.preventDefault();
$('.tooltip').fadeIn();
});
});
</script>