Tenho este código:
<script>
$(function(){
$(".flipster").flipster({style: 'carousel', enableTouch: true, start: 0,
onItemSwitch: function(){
var nomeAlbum = $(this).attr("data-title");
console.log(nomeAlbum);
}
});
});
</script>
A função onItemSwitch()
me permite fazer qualquer coisa quando a imagem for trocada.
O problema é que eu estou tentando pegar o data-titulo
de cada uma das imagens, e colocá-lo abaixo da foto do álbum.
HTML
<ul>
<li>
<img src="img/californication.jpg" data-title="Californication" class="imgCarousel"/>
<p class="mostra-titulo"></p>
</li>
<li>
<img src="img/greatest-hits.jpg" data-title="Greatest Hits" class="imgCarousel" />
<p class="mostra-titulo"></p>
</li>
<li>
<img src="img/stadium-arcadium.jpg" data-title="Stadium Arcadium" class="imgCarousel" />
<p class="mostra-titulo"></p>
</li>
<li>
<img src="img/the-uplift-mofo-party-plan.jpg" data-title="The Upflit Mofo Party Plan" class="imgCarousel"/>
<p class="mostra-titulo"></p>
</li>
</ul>
Aqui está o repositório do plugin, caso ajude em algo.