Jump to content
John Hebert Trindade

Ocultar Imagem

Recommended Posts

John Hebert Trindade

Boa tarde pessoal, sou novo aqui no site.

Estou reformulando meu site para ser responsivo, só que necessito de algo que não sei como fazer e nem encontrei nada, talvez não encontrei por não ter digitado o nome correcto do assunto.

Estou fazendo uma galeria de fotos, mas gostaria que só aparecesse a primeira imagem e somente ao clicar nela que as restantes fossem apresentadas.

exemplo:

<div class="fotos">
	<a href="img/carros.jpg" title="Carro Funerário">
		<img class="media-object" src="img/carro1.jpg" alt="Post">
      	<img class="media-object" src="img/carro2.jpg" alt="Post">
      	<img class="media-object" src="img/carro3.jpg" alt="Post">
      	<img class="media-object" src="img/carro4.jpg" alt="Post">
	</a>
</div>

script

$(document).ready(function() {
  $('.fotos').magnificPopup({
  delegate: 'a', 
  type: 'image',
  gallery:{enabled:true}
});
});

já tentei colocar:

.fotos{
	display: none;
}
.fotos{
	visility: hidden;
}

mas não deu certo, por favor ajudem me.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.