Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Annyh

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

Recommended Posts

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..

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

para editar o cycle é super simples:

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

 

e para os titulos, é puro posicionamento css.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>';

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.