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!!
Pergunta
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
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.