Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, estou criando uma galeria de imagens com thumbnails. Gostaria que tivesse um botão e que quando fosse clicado, somente as imagens grandes aparecessem em fullscreen, sem as thumbnails e sem perder qualidade. Alguém pode me passar um código, ou um tutorial para que eu possa implementar na minha galeria? Obrigado.
meu código:
<head>
<script type="text/javascript" src="[https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js](https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js)"></script>
<script type="text/javascript" src="[https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js](https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js)"></script>
<script type="text/javascript" src="../js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../js/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="../css/jquery.galleryview-3.0-dev.css" />
<script type="text/javascript">
$(function(){
$('#myGallery').galleryView();
});
</script>
</head>
<body>
<ul id="myGallery">
<li><img src="img/photos/bp1.jpg" />
<li><img src="img/photos/bp2.jpg" />
<li><img src="img/photos/bp4.jpg" />
<li><img src="img/photos/bp7.jpg" />
<li><img src="img/photos/bp14.jpg" />
<li><img src="img/photos/bp26.jpg" />
<li><img src="img/photos/bp27.jpg" />
<li><img src="img/photos/bp28.jpg" />
<li><img src="img/photos/bp41.jpg" />
<li><img src="img/photos/bp49.jpg" />
<li><img src="img/photos/bp52.jpg" />
<li><img src="img/photos/bp53.jpg" />
<li><img src="img/photos/bp54.jpg" />
</ul>
</body>
</html>Carregando comentários...