slide de fotos

Ver o tópico anterior Ver o tópico seguinte 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: BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahoo!Smarking

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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