Fechar uma imagem que está dentro de uma div com Javascript

[Silvio Fischer 0]

Amigos,

 

acessem o site www.recaton.com.br , irao perceber que tem uma imagem no meio falando sobre reciclar, sobre o dia 22 de abril, eu pus ela numa div, queria saber como fecher essa imagem dentro dessa div quando a pessoa clicasse na parte da imagem que tem a informação fechar. Tem como?

 

Já procurei em diversas paginas essa informação e nada até agora.

Tem como, independente da resolução, eu fazer essa minha div sempre ficar no meio da pagina? Por que tambem nao sei como fazer.

 

Agradeço a ajuda.

[Rafael Impacto 15]

Tem sim,

 

Vamos lá, primeiro você precisa separar o botão fechar da imagem, pode ser uma outra imagem ou em html, é importante também dar um id para o botão fechar depois de separado.

 

Inclua o jquery no head do seu site e tente algo assim.

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#fechar').click(function(){
		$('# div com a imagem sobreposta').fadeOut();
	});
});
</script>

 

 

Amigos,

 

acessem o site www.recaton.com.br , irao perceber que tem uma imagem no meio falando sobre reciclar, sobre o dia 22 de abril, eu pus ela numa div, queria saber como fecher essa imagem dentro dessa div quando a pessoa clicasse na parte da imagem que tem a informação fechar. Tem como?

 

Já procurei em diversas paginas essa informação e nada até agora.

Tem como, independente da resolução, eu fazer essa minha div sempre ficar no meio da pagina? Por que tambem nao sei como fazer.

 

Agradeço a ajuda.