Pergunta
Eu sei que tem que haver uma solução fácil para isso!
http://procollage.com/site10/wall-of-mame/favs-cycle.html
Eu tenho um pager de imagem em miniatura, só quero que cada slide tenha uma descrição embaixo da foto grande. Pode ser feito, certo? Ajuda por favor?!
Solução 2
<script type="text/javascript">
$(function() {
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'fade',
speed: 'slow',
timeout: 0,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
var src = $('img',slide).attr('src');
return '<li><a href="#"><img src="' + src + '" width="50" height="50" /></a></li>';
}
});
});
</script>
Outras dicas
Eu sugiro que você crie uma lista de links. Cada link corresponde a um painel abaixo. Os painéis estão absolutamente posicionados, um no topo do outro. Quando você clica em um link, ele desaparece todos os painéis não correspondentes e mostra o seu.
Exemplo: http://jsbin.com/ubebo/2/edit
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow