Ir para conteúdo

POWERED BY:

Arquivado

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

jnejunior

[Resolvido] imagens randomicas com efeito fade, ou outro efeito l

Recommended Posts

preciso de um script para colocar no topo de um site que estou fazendo, ja procurei mas não achei nenhum com efeito fade...

 

e de preferencia cross-browser

 

 

 

valeu

 

se não for pedir demais, preciso com urgencia de um script assim:

 

 

do lado esquerdo mini-imagens, e do lado direito aparece a imagem grande...

 

enquanto não ser clicado nenhuma mini-imagem, a imagem grande fica rolando automaticamente em sequencia, e assim que o usuário clicar numa mini-imagem, ela abre grande...

 

ja procurei no google, e em outros site relacionados, mas não tive sucesso...

 

se alguem puder me ajudar...

 

exemplo:

 

http://www.bol.uol.com.br/

 

no div do centro tem um exemplo quase do jeito que eu preciso, mas la é com texto...

 

outro exemplo:

http://www.leobaiano.com/jquery-galeria/

neste exemplo acho que seria só adaptar, para no lugar dos números (links), fossem as imagens (thumbnails)...

 

 

 

 

 

creio que pra vcs seja fácil, ja que eu não manjo nada de JS.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oque você quer é um slideshow de noticias.

 

Pode ser 'fácil' para nós, mas a idéia do fórum é ajudar, e não trabalhar de graça para quem vem aqui pedir scripts.

No Laboratorio, tem ótimos exemplos, a menos que você apresente alguma intenção de aprender e desenvolver o teu proprio script, posso mover esse topico para o forum de Ofertas para Freelancers, onde você pode contratar um profissional.

 

http://forum.imasters.com.br/index.php?/topic/270079-indice-dos-scripts/

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja tenho este exemplo, mas no lugar dos numeros, eu precisava das imagens miniaturas...

 

 

será que agora ja da pra me ajudar?

 

 

este é o link.

 

http://jradesign.orgfree.com/galeria/jquery-galeria/galeria.html

 

olha só, tenho um exemplo que quase dá certo,

 

este link mostra quase do jeito que eu preciso...

 

http://jradesign.orgfree.com/galeria/galeria1.html

 

só que preciso que a imagem grande, fique rodando automaticamente quaso o usuario não tenha ainda clicado em uma mini-imagem, preciso com o mesmo efeito deste outro modelo, mas não sei como faze-lo:

 

http://jradesign.orgfree.com/galeria/jquery-galeria/galeria.html...

 

agora acho que vocês poderam me ajudar, né?

 

 

valeu... aguardo...

 

poxa galera, ninguem vai ajudar? pensei que isso fosse um forum.

 

mas continuo aguardando...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que tipo de ajuda você espera do fórum ?

Pedir para fazermos o script para você, ou integrarmos 2 scritps, que nem sequer você mostrou se tentou fazer, não é apenas 'ajudar', mas sim, fazer o seu trabalho.

 

você já abriu diversos tópicos sobre esse assunto.

http://forum.imasters.com.br/index.php?/topic/383895-imagens-randomicas-com-efeito-fade-ou-outro-efeito-legal/

http://forum.imasters.com.br/index.php?/topic/384381-galeria-de-imagens/

 

para fazer o fade, se você usar jQuery, use o método: fadeIn()

se não, se for fazer com Javascript puro, vá alterando a opacidade da imagem.

 

Para fazer as imagens trocarem automaticamente, uma forma fácil é trabalhar com um array delas, e através de um contador, usar o método: setInterval para troca-las. Lembre-se de zerar esse contador, para não extrapolar o número de imagens existentes no array.

 

com o método: clearInterval você consegue fazer as imagens pararem de rodar, aproveite disso qndo quiser que as imagens troquem ao passar/clicar sobre as miniaturas. Lembrando que você deve startar o window.setInterval qndo retirar o mouse de cima das miniaturas.

 

Toda a lógica do script está ai. Se você não tiver disposto à tentar fazer, e precisar de suporte particular, conforme a sua ansiedade por ter realizado diversos posts, nem esperando que alguém te respondesse, contrate um profissional.

 

Empregos / Currículos / Parcerias e Negócios

Compartilhar este post


Link para o post
Compartilhar em outros sites

jnejunior, respondendo a sua pergunta: sim isso aqui é um forum. Local onde trocamos ideias e todos aprendemos.

Como o William mesmo falou, você precisa se ajudar pra depois alguém tentar ajudá-lo.

 

No seu outro tópico, duplicado, foi passado um link super interessante. Olhe com calma e tente fazer. Se não conseguir, poste o que você fez pro pessoal tentar ajudar.

 

Qualquer dúvida, por favor, entre em contato.

 

Giovani :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

agradeço a todos que viram meu post e me ajudaram, ou pelo menos tentaram...

 

consegui os dois efeitos que procurava, por coincidencia, encontrei no site que foi sugerido aqui, mesmo antes de eu ter visto...

 

este era o efeito que eu procurava:

 

http://www.malsup.com/jquery/cycle/pager7.html

 

 

valeu galera, espero ajudar alguem com meu post...

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.