galeria de imagens com miniaturas e informações na imagem grande

[Annyh 4]

ai galera, preciso de uma galeria de imagem que tenha a imagem grande com umas informações escrito em cima da mesma, e com os thumbs abaixo...

 

só que não sei como procurar, nem o nome disso, alguem pode me ajudar, link para o efeito, ou nome já ajuda...

 

não quero nada pronto, quero fazer o zero..

[Ted k' 126]

http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

 

http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins

[Annyh 4]

valeu Ted, achei um que me agradou, mas não achei a opção ou parametro que deixe ele rolando automaticamente até o usuario parar o mouse sobre a imagem grande, ai quando o mouse sair continua a passar, entendeu...

 

eu estou usando este modelo

 

http://malsup.com/jquery/cycle/pager6.html

 

ah, se tiver tambem como adicionar aqueles titulos que ficam sobre a imagem, me diz como que eu me viro.

[William Bruno 1501]

para editar o cycle é super simples:

http://malsup.com/jquery/cycle/options.html

 

e para os titulos, é puro posicionamento css.

[Annyh 4]

fala William, a parada de dar stop e prosseguir depois de tirar o mouse de cima já consegui...

 

mas as legendas (titulos), quando adiciono uma span ou div ou h1 por exemplo embaixo da imagem ou acima da que eu quero mostrar um texto, a mesma some...

[William Bruno 1501]

dai é só fazer o html+css corretamente.

 

Exemplo:

http://wbruno.com.br/blog/2011/03/14/banner-galeria-slideshow-adcast-mostrando-um-pouco-poder-cycle-jquery/

[Annyh 4]

não é que deu certo mesmo, só tem um porem.

 

o jquery.cycle pega as imagens normais e dimensiona para um tamanho menor (thumb) e como eu usei um lista não ordenada e a imagem dentro da lista os thumbs aparecem sem imagens, como resolvo isso?

 

essa linha pegava as miniaturas

 

pagerAnchorBuilder : function(idx, slide) {

return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';

}