Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daiane Barbosa

galeria com imagens de banco de dados my sql

Por , em ASP Clássico

Recommended Posts

Daiane Barbosa    0

Daiane Barbosa
Postado

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"></script>
<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' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

da uma olhada no forum que postei uma galeria em jquery que pode ser alimentada por bd, vai te ajudar

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito