(Resolvido) Galeria Imagem (CSS + Ajax)

[Meireles]

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

[Jonathan Queiroz]

Isso deve ser feito em JavaScript, utilizando a função setTimeout

[Meireles]

Então Jonathan, obrigado pela ajuda, mas como disse no post, não tenho muito conhecimento com jscript, por isso, pedi uma ajuda e exemplo de alguma "galeria" dinamica em ajax.

Obrigado!

Davi

[Jonathan Queiroz]

Eu tenho uma galeria de imagens "simples" já pronta !

O funcionamento é simples e é fácil de fazer modificações, mesmo sem conhecimento da linguagem !

Dá uma olhada aí: http://scriptbrasil.com.br/forum/index.php?showtopic=129512

Qualquer dúvida posta aí !

[quintelab]

O link que o Jonathan postou resolveu seu problema?

Abraços...

[Meireles]

Eu adaptei o exemplo do link do Jonathan e Funcionou!!!! =D

Obrigado a todos!

Davi