Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia!
Pessoal, sou iniciante em ASP estou precisando montar uma galeria de imagens mais ou menos como a desse site: http://www.villanobre.com.br/, porém, só preciso que ao clicar na imagem imagem pequena, abra a maior, essas imagens serão tiradas do banco de dados já pronto aqui da empresa, porém, não tenho a mínima idéia de como desenvolver a lógica para pegar a imagem do banco.
Essa galeria eu encontrei na web, porém, onde está os dados das imagens, preciso trocar pelas informações do banco de dados, pois são imagens de mais que precisarei e essa galeria será replicada umas 100 vezes pelo menos, então, para eu não precisar copiar ela em todas as pastas, gostaria de deixá-la fixa e alterar somente as imagens com a ajuda do banco de dados:
<!DOCTYPE HTML>
<html>
<head>
<title>jQuery smSlider Fullpage Demo</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" />
<link rel="stylesheet" type="text/css" href="sm/css/sm.css" />
<link rel="stylesheet" type="text/css" href="demo.css" />
<link rel="stylesheet" type="text/css" href="smslider.css" /><!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
</head>
<body id="full-page-example">
<div id="jquery-script-menu">
<div class="jquery-script-center">
<div class="jquery-script-clear"></div>
</div>
</div>
<h1 style="margin-top:150px; margin-bottom:50px" align="center">Estação Julio Prestes</h1>
<div id="demo-full-page">
<div id="full-page_slider">
<ul>
<li> <img src="images/large/1.jpg" /> </li>
<li> <img src="images/large/2.jpg" /> </li>
<li> <img src="images/large/3.jpg" /> </li>
<li> <img src="images/large/4.jpg" /> </li>
<li> <img src="images/large/5.jpg" /> </li>
</ul>
</div>
<div id="sm_submenu">
<div class="sm_submenu-item" data-index="0"> <img src="images/1.jpg" /><span class="year">1935</span>
<div class="sm_submenu-description">Image One</div>
</div>
<div class="sm_submenu-item" data-index="1"> <img src="images/2.jpg" /><span class="year">1931</span>
<div class="sm_submenu-description">Image Two</div>
</div>
<div class="sm_submenu-item" data-index="2"> <img src="images/3.jpg" /><span class="year">1937</span>
<div class="sm_submenu-description">Image Three</div>
</div>
<div class="sm_submenu-item" data-index="3"> <img src="images/4.jpg" /><span class="year">1933</span>
<div class="sm_submenu-description">Image Four</div>
</div>
<div class="sm_submenu-item last" data-index="4"> <img src="images/5.jpg" /><span class="year">1938</span>
<div class="sm_submenu-description">Image Five</div>
</div>
</div>
</div>
<script src="[http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">](http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js)
<script type="text/javascript" src="jquery.smslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#full-page_slider').smSlider({
pagination : false,
subMenu : true,
flexible : true
})
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? '[https://ssl](https://ssl)' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>Carregando comentários...