slide de fotos

Ir em baixo

05062009

Mensagem 

slide de fotos




Alguem me sabe ajuda a fazer o código para fazer uma espécie de slide com fotos na parte "sobre mim" ?
aqui meto o tipo de slide que quero... e cada vez que o rato por cima de uma imagem do slide a imagem grande muda para a imagem onde o rato passou...

avatar
sandra nicolau
Membro

Posts : 52 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

- Tópicos similares
Compartilhar este artigo em: diggdeliciousredditstumbleuponslashdotyahoogooglelive

slide de fotos :: Comentários

avatar

Mensagem em 2009-06-05, 9:10 pm por Storm

Amiga tens esse código aqui no forum se não me engano o tópico é imagens.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:17 pm por sandra nicolau

nao Storm.. o código que está é igual ao que tu tens no teu hi5... tipo na imagem que eu ai pos é do tipo passas na imagem do golfinho e a imagem fica fixa e ao lado aparece o golfinho em grande, depois passas no passaro e a imagem grande muda para o passaro...

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:34 pm por Storm

então vê lá este que tb lá está.
e que por acaso fui eu que o fiz.

Código:
<center><style type="text/css">
.StormG { width:450px; margin:1 auto; text-align:left;}
.StormIM { background: #FFFFFF url('') center no-repeat;
width:450px; height:220px; position:relative; top:2px;float:right; border:1px solid #FFFFFF;}
ul.StormF {position:relative;list-style:none;  width:165px;padding:1px;background:#FF000;margin:0; padding:0; }
.StormF:after {display: block;content: ".";height: 0;font-size:0; visibility: hidden;clear: both;}
ul.StormF li {width:75px;height:50px;float:left; border:1px solid #FFFFFF;margin:1px; }
ul.StormF li img {border:1px solid #FF0000; width:75px;height:50px;}
ul.StormF li span img {border:none;width:279px;height:212px;}
ul.StormF a {display: block;}
ul.StormF a span {display: none;}
ul.StormF a:hover span {display: block;position: absolute; top:1px; left: 165px; background:#FFFFFF;border:1px solid #FF0000;}
</style></center></br>

<center><div class="StormG"><div class="StormIM"></div><ul class="StormF">
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  1" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 1"  /></span></a></li>

<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  2" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 2"  /></span></a></li>
   
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  3" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 3"  /></span></a></li>
   
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  4" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 4"  /></span></a></li>
   
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  5" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 5"  /></span></a></li>
 
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  6" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 6"  /></span></a></li>
 
<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  7" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 7"  /></span></a></li>

<li><a href="#"><img src="http://illiweb.com/fa/pbucket.gif" alt="Imagem  8" /><span><img src="http://illiweb.com/fa/pbucket.gif" alt="Texto 8"  /></span></a></li>
</ul></div></center><br>

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:36 pm por sandra nicolau

é isso...!!!Very Happy obrigado storm Smile

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:37 pm por Storm

ok fica bem mais aguma duvida já sabes e olha vamos começar a votar nos Hi5 ok.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:39 pm por sandra nicolau

Ok.. já tá o tópico feito para votar?

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-05, 9:40 pm por Saduny

ainda nao temos ke por

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-06, 12:53 pm por I.I

LoOl o meu hi5 ficara super pronto e editado na semana que vem antes do dia 10...vai dar o que falar

Voltar ao Topo Ir em baixo

avatar

Mensagem em 2009-06-06, 1:17 pm por MR.Eriv

eu vou estar ancioso para votar no hi5 mas tribal

Voltar ao Topo Ir em baixo

Mensagem  por Conteúdo patrocinado

Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum