Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Galeria Imagem (CSS + Ajax)


Meireles

Pergunta

Salve Pessoas!

Sou novo em programação .Net e Ajax, tenho algum conhecimento em Ajax com o Visual estudio, mas to tendo problemas em achar algum tutorial que me ajude...

Minha galeria de imagens, é esta abaixo em CSS, e gostaria de colocar um timer, alguma coisa, pra ir mudando as imagens sem que o usuário passe o mouse, é igual os destaques de muitos sites hoje em dia, ex. www.corinthians.com.br não sei se é possivel isto com o meu menu em CSS, mas se alguém souber, muito obrigado!!

CSS:

/*Galeria de imagens*/

a

{

color: #B8E7D3;

text-decoration: none;

}

a:hover

{

color: #999;

}

img

{

border: none;

}

/* // GALERIA */ul#gallery, ul#gallery li

{

margin: 0;

padding: 0;

list-style: none;

}

ul#gallery

{

width: 400px;

height: 375px;

position: relative;

background: #e1e1e1 url(imgs/bg_preview.gif) no-repeat 50% 40%;

}

ul#gallery li

{

float: left;

display: inline;

margin-top: 0px;

}

ul#gallery a span

{

display: none;

}

ul#gallery a:hover

{

background: none;

z-index: 100;

}

ul#gallery a:hover span

{

margin-top: 75px;

position: absolute;

width: 400px;

height: 300px;

float: left;

top: 0;

left: 0;

display: block;

}

/*FIM GALERIA*/

HTML:

<ul id="gallery">

<li><a href="#" title="Nossos Serviços">

<img src="Default.aspx_arquivos/02_1s.jpg" alt="gallery thumbnail">

<span>

<img src="Default.aspx_arquivos/02_1.jpg" alt="gallery image"></span> </a></li>

<li><a href="#" title="Nossos Produtos">

<img src="Default.aspx_arquivos/02_2s.jpg" alt="gallery thumbnail">

<span>

<img src="Default.aspx_arquivos/02_2.jpg" alt="gallery image"></span> </a></li>

<li><a href="#" title="Localização">

<img src="Default.aspx_arquivos/02_3s.jpg" alt="gallery thumbnail">

<span>

<img src="Default.aspx_arquivos/02_3.jpg" alt="gallery image"></span> </a></li>

<li><a href="#" title="Contato">

<img src="Default.aspx_arquivos/02_4s.jpg" alt="gallery thumbnail">

<span>

<img src="Default.aspx_arquivos/02_4.jpg" alt="gallery image"></span> </a></li>

</ul>

Abraço!

Davi Meireles

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...