[Resolvido] Album de foto

dinfoweb · Fevereiro 2, 2012

Ola eu tenho esse album de foto http://www.targetvisual.com.br/banner.swf que foi criado no flash so que eu gostaria de nao ussa o flash e sim o ajax mais eu nao consigo o mesmo efeito q no flash e ainda eu preciso coloca zoom e nao estou conseguido coloca no flash e sei no no ajax ta para fazer isso tem como alguem me fala alguma album parecido a asse deste de ja eu agradeço a atenção de todos

ela e 655x429

William Bruno · Fevereiro 2, 2012

ajax não são efeitos.

ajax é requisição ao servidor.

http://wbruno.com.br/blog/2011/04/08/o-que-e-ajax-e-o-que-nao-e/

poste um link para vermos o efeito que você tem, ai talvez possamos lhe indicar algum plugin parecido.

dinfoweb · Fevereiro 2, 2012

http://www.targetvisual.com.br/banner.swf

targetvisual.com.br/banner.swf

Este e o link

William Bruno · Fevereiro 2, 2012

não tem efeito nenhum, e nada de zoom ai.

é possível fazer com um simples display: none|block;

dinfoweb · Fevereiro 2, 2012

e como eu poderia fazer isso você tem algum exemplo alguma coisa parecida

William Bruno · Fevereiro 2, 2012

você já criou um outro tópico com esse mesmo problema um tempo atrás ne?!

as mesmas fotos e tal..

o princípio é o mesmo desse aqui:

http://wbruno.com.br/blog/2011/03/12/principio-de-menu-em-abas/

dinfoweb · Fevereiro 2, 2012

sim eu tinha cara so q ate ai o cliente tinha gostado depois ele falou que queria mais coisa ai ficou osso tive q volta para mim tenta de outra maneira e nao flash

Eu vou tenta esse ser eu consegui ai post ser consegui ou nao

Ola oq estou tentado fazer pra ver ser vai

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Conjunto de Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="title" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="url" content="http://www.meusoninho.com.br/" />
<meta name="description" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="keywords" content="meu soninho sonho de luz brinquedos educativos criança bebê" />
<meta name="charset" content="ISO-8859-1" />
<meta name="autor" content="Target Publicidade" />
<meta name="company" content="Sonho de Luz" />
<meta name="revisit-after" content="15" />
<link rev="made" href="mailto:web@meusoninho.com.br" />
<meta http-equiv="expires" content="Never" />
<meta http-equiv="content-language" content="pt-BR" />
<meta http-equiv="vw96.object type" content="Index" />
<meta name="revisit-after" content="1 days" />
<meta name="owner" content="web@meusoninho.com.br" />

<!-- Título da Página -->
<title>Meu Soninho - O Produto</title>

<!-- Link da Folha de Estilos -->
<link href="estilo.css" rel="stylesheet" type="text/css" />

<!-- Link do Fav Icon -->
<link rel="icon" href="midias/favicon.png" type="image/x-icon" />

   <!-- Acompanhamento Google Analytics -->
<script type="text/javascript"> 
var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-23604913-1']);  _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>

   <!-- jqZoom -->
      <script src="livraria/jquery-1.7.1.min.js" type="text/javascript"></script>
      <script src="livraria/jqzoom/jquery.jqzoom-core.js" type="text/javascript"></script>
   <link rel="stylesheet" href="livraria/jqzoom/jquery.jqzoom.css" type="text/css" />
   <script type="text/javascript">
var $a = jQuery.noConflict()

$a(document).ready(function() { $a('.jqzoom').jqzoom({ zoomType: 'standard', lens:true,
   preloadImages: false, alwaysOn:false  }); });</script>
<script type="text/javascript"> 
 function id( el ){
       return document.getElementById( el );
}
function hide_all(){
       var divs = id('content').getElementsByTagName('div');
       for( var i=0; i<divs.length; i++ )
       {
               divs[i].style.display = 'none';
       }
}
/* http://www.javascriptkit.com/jsref/event.shtml */
function disablelink( e ){
       var evt = window.event || e
       if (evt.preventDefault) //supports preventDefault?
               evt.preventDefault()
       else //IE browser
               return false
}
window.onload = function(){
       hide_all();
       var as = id('content').getElementsByTagName('a');
       for( var i=0; i<as.length; i++ )
       {
               as[i].onclick = function( e ){
                       hide_all();
                       var id_el = this.href.split('#')

                       id( id_el[1] ).style.display = 'block';                
                       return disablelink( e );
               }
       }
}

</script>
   <link rel="stylesheet" href="livraria/jqzoom/jquery.jqzoom.css" type="text/css" />

</head>

<body>

<div id="cabecario">
<div id="topo"><img src="midias/Logo.png" alt="Sonho de Luz - Meu Soninho" width="150" height="154" />    
	 <div id="menu-duvidas">

  		 <a href="duvidas"><img src="midias/nuvem1.png" alt="Dúvidas" width="130" height="53" class="imagens" /></a>    
        </div>


<div id="menu">
	<a href="home.php"><img src="midias/botao-home.png" width="116" height="35" class="imagens" alt="Meu Soninho - Home" title="Meu Soninho - Home" /></a>
       <a href="empresa.php"><img src="midias/botao-empresa.png" width="107" height="35" class="imagens" alt="Meu Soninho - Empresa" title="Meu Soninho - Empresa" /></a>
       <a href="produto.php"><img src="midias/botao-produto.png" width="109" height="35" class="imagens" alt="Meu Soninho - Produto" title="Meu Soninho - Produto" /></a>
       <a href="lojista.php"><img src="midias/botao-lojista.png" width="109" height="35" class="imagens" alt="Meu Soninho - Lojista" title="Meu Soninho - Lojista" /></a>
       <a href="contato.php"><img src="midias/botao-contato.png" width="115" height="35" class="imagens" alt="Meu Soninho - Contato" title="Meu Soninho - Contato" /></a>
</div>
</div>


</div>

<div id="barra_menu">
<div id="fecha_menu">    
   	<div id="menu_esquerda"></div>       
	<div style="float:right;">
       		<div id="menu_meio">

               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />
               Um Companheiro para Brincar e Dormir.
               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />

               </div>
       		<div id="menu_direita">	                

</div></div></div></div>


<div id="quadro">

<div id="produto">

 <div id="content">
               <a href="#coelho"><img src="midias/produtos/miniatura/coelho.png" width="45" height="60" /></a><br />
               <div id="coelho">
<ul id="fotos_bichos" class="clearfix"><li><a class="zoomThumbActive" href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato.png',largeimage: 'midias/produtos/grande/pato.png'}">
     <img src="midias/produtos/pequeno/pato.png" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a></li>
     <li><a class="zoomThumbActive" href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato.png',largeimage: 'midias/produtos/grande/pato.png'}">
     <img src="midias/produtos/pequeno/pato.png" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a></li>
     <li><a class="zoomThumbActive" href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato.png',largeimage: 'midias/produtos/grande/pato.png'}">
     <img src="midias/produtos/pequeno/pato.png" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a></li>


     </ul>

     </div>

       </div><!-- /content -->
<div id="fotos_maiores">

       <a href="midias/produtos/grande/coelho.png" class="jqzoom" rel='gal1'  title="Meu Soninho" >
       <img src="midias/produtos/medio/coelho.png" alt="Meu Soninho - Pato" width="127" height="168" /></a>

       </div>
<div id="descri"> 
<div id="informacoes">

<div id="titulo_soninho">Meu Soninho</div>
<div id="texto_produto">
 <div>
   <p>Produto Importado<br />
Patenteado por Sonho de Luz<br />
<strong>Idade</strong>: De 0 à 5 anos<br />
<strong>Peso</strong>:  120 grs<br />
<strong>Tamanho</strong>: 0.45x0.45  </p>
 </div>
</div>
     </div>


 </div>


</div>
</div></div>

</div></div>

<div id="rodape">
<h5>

Meu Soninho © 2011. Todos os direitos reservados.<br /></h5>
<div id="by">
<a href="http://www.targetvisual.com.br" target="_blank">Criado por:<br /><img src="midias/target.png" alt="Criado por Target Visual" width="55" height="16" vspace="5" align="middle" class="imagens" /></a></div>


</div>

</body>
</html>

esse e so um teste pra ver ser vai mais ele ja nao esta indo ele ate abre as outras fotos mais na hora de clica para abrir a media e depois eu passa o mause para ta o zoom ja nao esta indo mais

William Bruno · Fevereiro 2, 2012

ok, pelo q vi do teu layout, você não precisa do zoom.

Faz sem ele.

Só no clica abre, sem plugins ok ?

pelo que vi, ele está mais te complicando doq ajudando.

dinfoweb · Fevereiro 2, 2012

ele e do tamanho de 629x429 o tamanho dele entao a foto media fica uns 200 e pouco por 100 e pouco so q o cliente q o bentido zoom eu entrei agora nessa agencia e pequei este site na metade antes era so 4 foto pequenas q você passava o mause e parecia o zoom, ela q pq que esse pendido zoom dos infernos rsrsrsrs deste de ja eu agradeço

William Bruno · Fevereiro 2, 2012

olha só oque eu imaginei, apartir do flash que você enviou:

http://wbruno.com.br/blog/2012/02/02/album-de-fotos-javascript-simples-aplicacao-de-esconde-mostra/

dinfoweb · Fevereiro 2, 2012

beleza amanha eu vou tenta fazer, pq eu vir pra casa e esquecei meu pen na empresa mais amanha eu tendo logo cedo

dinfoweb · Fevereiro 3, 2012

Como eu poderia ussar isso no html gostaria de um exmplo como ficaria junto com html

William Bruno · Fevereiro 3, 2012

tá html ali amigo.

aperta Ctrl + U, e você verá o html.


<html>
<head>
<style type="text/css">
* { margin: 0; padding: 0; list-style: none; border: none; }
#main {
margin: 0 auto; width: 960px;
padding-top: 30px;
}
#lista { height: 102px; }
#lista li { }
#content { clear: both; padding-top: 40px; }
#palco {
width: 300px;
height: 300px;
border: 1px solid #666;
float: left;
}
/* thumbs */
.thumbs { height: 100px; float: right; width: 500px; }
.thumbs li { float: left; width: 100px; height: 100px; margin-right: 10px; 
border: 1px solid #666; 
}
#content .thumbs li { margin-bottom: 10px; }
</style>
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
function hide_all(){
var els = id('content').getElementsByTagName('ul');

for( var i=0; i<els.length; i++ )
{		
	els[i].style.display = 'none';
}
}
/* http://www.javascriptkit.com/jsref/event.shtml */
function disablelink( e ){
var evt = window.event || e
if (evt.preventDefault) //supports preventDefault?
	evt.preventDefault()
else //IE browser
	return false
}
function palco( src ){
id('palco').innerHTML = '<img src="'+src+'" alt="" />';
}
window.onload = function(){
hide_all();
var as = id('lista').getElementsByTagName('a');
for( var i=0; i<as.length; i++ )
{
	as[i].onclick = function( e ){
		hide_all();
		var id_el = this.href.split('#')

		id( id_el[1] ).style.display = 'block';		
		return disablelink( e );
	}
}
var as = id('content').getElementsByTagName('a');
for( var i=0; i<as.length; i++ )
{
	as[i].onclick = function( e ){
		palco( this.href )	
		return disablelink( e );
	}
}
}
</script>
</head>
<body>
<div id="main">
<ul id="lista" class="thumbs">
	<li><a href="#prod1"><img src="disney/mickey/thumbs/1.jpg" alt="" /></a></li>
	<li><a href="#prod2"><img src="disney/pluto/thumbs/1.jpg" alt="" /></a></li>
	<li><a href="#prod3"><img src="disney/minnie/thumbs/1.jpg" alt="" /></a></li>
</ul><!-- /lista -->
<div id="content">
	<div id="palco"></div>


	<ul id="prod1" class="thumbs">
		<li><a href="disney/mickey/1.jpg"><img src="disney/mickey/thumbs/1.jpg" alt="" /></a></li>
		<li><a href="disney/mickey/2.jpg"><img src="disney/mickey/thumbs/2.jpg" alt="" /></a></li>
		<li><a href="disney/mickey/3.jpg"><img src="disney/mickey/thumbs/3.jpg" alt="" /></a></li>
		<li><a href="disney/mickey/4.jpg"><img src="disney/mickey/thumbs/4.jpg" alt="" /></a></li>
		<li><a href="disney/mickey/5.jpg"><img src="disney/mickey/thumbs/5.jpg" alt="" /></a></li>
		<li><a href="disney/mickey/6.jpg"><img src="disney/mickey/thumbs/6.jpg" alt="" /></a></li>
	</ul><!-- /prod1 -->
	<ul id="prod2" class="thumbs">
		<li><a href="disney/pluto/1.jpg"><img src="disney/pluto/thumbs/1.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/2.jpg"><img src="disney/pluto/thumbs/2.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/3.jpg"><img src="disney/pluto/thumbs/3.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/4.jpg"><img src="disney/pluto/thumbs/4.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/5.jpg"><img src="disney/pluto/thumbs/5.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/6.jpg"><img src="disney/pluto/thumbs/6.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/7.jpg"><img src="disney/pluto/thumbs/7.jpg" alt="" /></a></li>
		<li><a href="disney/pluto/8.jpg"><img src="disney/pluto/thumbs/8.jpg" alt="" /></a></li>
	</ul><!-- /prod2 -->
	<ul id="prod3" class="thumbs">
		<li><a href="disney/minnie/1.jpg"><img src="disney/minnie/thumbs/1.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>
		<li><a href="disney/minnie/7.jpg"><img src="disney/minnie/thumbs/7.jpg" alt="" /></a></li>
	</ul><!-- /prod3 -->

</div><!-- /content -->
</div><!-- /main -->
</body>
</html>

dinfoweb · Fevereiro 3, 2012

cara você esta de parabens serio mesmo pra você eu tiro meu chapeu, fucionou legal mais eu preciso ainda desse zoom maltido p

Cara funcionou legal mais ainda preciso do maldito zoom pq eu entrei aqui e o site ja tava feito igual eu tinha falado ai a cliente q pq q este zoom pq q mostra a costura do bicho

William Bruno · Fevereiro 3, 2012

olha só cara, bastou eu adicionar o script:

<script src="jqzoom_ev-2.3/js/jquery-1.6.js" type="text/javascript"></script>
<script src="jqzoom_ev-2.3/js/jquery.jqzoom-core.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content .thumbs a').jqzoom({
           zoomType: 'standard',
           lens:true,
           preloadImages: false,
           alwaysOn:false
       });
});
</script>

<link rel="stylesheet" href="jqzoom_ev-2.3/css/jquery.jqzoom.css" type="text/css">

e pronto, está abrindo o zoom.

dinfoweb · Fevereiro 3, 2012

Cara esta abrido o zoom so que tem o seguindo ele esta abrido na pequena imagem e nao na media

ai ta esse problema (problems while loading image)

William Bruno · Fevereiro 3, 2012

dá uma olhada, apliquei o zoom no mickey, e fiz uma pequena adaptação no script para isso funcionar:

http://wbruno.com.br/scripts/album-disney-zoom.html

dinfoweb · Fevereiro 3, 2012

Olha eu tentei copia o codigo no seu mais ainda esta tando olha o codigo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Conjunto de Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="title" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="url" content="http://www.meusoninho.com.br/" />
<meta name="description" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="keywords" content="meu soninho sonho de luz brinquedos educativos criança bebê" />
<meta name="charset" content="ISO-8859-1" />
<meta name="autor" content="Target Publicidade" />
<meta name="company" content="Sonho de Luz" />
<meta name="revisit-after" content="15" />
<link rev="made" href="mailto:web@meusoninho.com.br" />
<meta http-equiv="expires" content="Never" />
<meta http-equiv="content-language" content="pt-BR" />
<meta http-equiv="vw96.object type" content="Index" />
<meta name="revisit-after" content="1 days" />
<meta name="owner" content="web@meusoninho.com.br" />

<!-- Título da Página -->
<title>Meu Soninho - O Produto</title>

<!-- Link da Folha de Estilos -->
<link href="estilo.css" rel="stylesheet" type="text/css" />

<!-- Link do Fav Icon -->
<link rel="icon" href="midias/favicon.png" type="image/x-icon" />

   <!-- Acompanhamento Google Analytics -->
<script type="text/javascript"> 
var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-23604913-1']);  _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>

   <!-- jqZoom -->



<script src="Scripts/jquery-1.6.js" type="text/javascript"></script>
<script src="Scripts/jquery.jqzoom-core.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {
$('#palco a').jqzoom({
           zoomType: 'standard',
           lens:true,
           preloadImages: false,
           alwaysOn:false
       });
});
</script>
<script type="text/javascript"> 

function id( el ){
return document.getElementById( el );
}
function hide_all( id_div, tag ){
var els = id( id_div ).getElementsByTagName( tag );

for( var i=0; i<els.length; i++ )
{		
	els[i].style.display = 'none';
}
}
/* http://www.javascriptkit.com/jsref/event.shtml */
function disablelink( e ){
var evt = window.event || e
if (evt.preventDefault) //supports preventDefault?
	evt.preventDefault()
else //IE browser
	return false
}
function palco( src ){
id( src ).style.display = 'block';
}
window.onload = function(){
hide_all('palco','a');
hide_all('content','ul');
var as = id('lista').getElementsByTagName('a');
for( var i=0; i<as.length; i++ )
{
	as[i].onclick = function( e ){
		hide_all('content','ul');
		var id_el = this.href.split('#')

		id( id_el[1] ).style.display = 'block';		
		return disablelink( e );
	}
}
var as = id('content').getElementsByTagName('a');
for( var i=0; i<as.length; i++ )
{
	as[i].onclick = function( e ){
		hide_all('palco','a');
		palco( this.rel )	
		return disablelink( e );
	}
}
}

</script>

<script src="Scripts/jquery-1.6.js" type="text/javascript"></script>
<script src="Scripts/jquery.jqzoom-core.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {
$('#palco a').jqzoom({
           zoomType: 'standard',
           lens:true,
           preloadImages: false,
           alwaysOn:false
       });
});
</script>

</head>

<body>

<div id="cabecario">
<div id="topo"><img src="midias/Logo.png" alt="Sonho de Luz - Meu Soninho" width="150" height="154" />    
	 <div id="menu-duvidas">

  		 <a href="duvidas"><img src="midias/nuvem1.png" alt="Dúvidas" width="130" height="53" class="imagens" /></a>    
        </div>


<div id="menu">
	<a href="home.php"><img src="midias/botao-home.png" width="116" height="35" class="imagens" alt="Meu Soninho - Home" title="Meu Soninho - Home" /></a>
       <a href="empresa.php"><img src="midias/botao-empresa.png" width="107" height="35" class="imagens" alt="Meu Soninho - Empresa" title="Meu Soninho - Empresa" /></a>
       <a href="produto.php"><img src="midias/botao-produto.png" width="109" height="35" class="imagens" alt="Meu Soninho - Produto" title="Meu Soninho - Produto" /></a>
       <a href="lojista.php"><img src="midias/botao-lojista.png" width="109" height="35" class="imagens" alt="Meu Soninho - Lojista" title="Meu Soninho - Lojista" /></a>
       <a href="contato.php"><img src="midias/botao-contato.png" width="115" height="35" class="imagens" alt="Meu Soninho - Contato" title="Meu Soninho - Contato" /></a>
</div>
</div>


</div>

<div id="barra_menu">
<div id="fecha_menu">    
   	<div id="menu_esquerda"></div>       
	<div style="float:right;">
       		<div id="menu_meio">

               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />
               Um Companheiro para Brincar e Dormir.
               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />

               </div>
       		<div id="menu_direita">	                

</div></div></div></div>


<div id="quadro">

<div id="produto">

<div id="main">
       <ul id="lista" class="thumbs">
               <li><a href="#prod1"><img src="midias/produtos/pequeno/coelho.png" alt="" /></a></li>
               <li><a href="#prod4"><img src="midias/produtos/pequeno/coelho-2.png" alt="" /></a></li>
               <li><a href="#prod2"><img src="midias/produtos/pequeno/elefante.png" alt="" /></a></li>
                <li><a href="#prod7"><img src="midias/produtos/pequeno/elefante-2.png" alt="" /></a></li>
                <li><a href="#prod6"><img src="midias/produtos/pequeno/elefante-3.png" alt="" /></a></li>
               <li><a href="#prod5"><img src="midias/produtos/pequeno/elefante-4.png" alt="" /></a></li>
               <li><a href="#prod3"><img src="midias/produtos/pequeno/girafa.png" alt="" /></a></li>
               <li><a href="#prod8"><img src="midias/produtos/pequeno/leao.png" alt="" /></a></li>
               <li><a href="#prod9"><img src="midias/produtos/pequeno/pato.png" alt="" /></a></li>

       </ul><!-- /lista -->
       <div id="content">
         <div id="palco">
         <li><a href="midias/produtos/grande/coelho.png"><img src="midias/produtos/medio/coelho.png"  /></a></li>
                       <li><a href="disney/mickey/2.jpg"><img src="disney/mickey/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/3.jpg"><img src="disney/mickey/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/4.jpg"><img src="disney/mickey/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/5.jpg"><img src="disney/mickey/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/6.jpg"><img src="disney/mickey/thumbs/6.jpg" alt="" /></a></li>
                       </div>


               <ul id="prod1" class="thumbs">
                       <li><a href="midias/produtos/medio/coelho.png"><img src="midias/produtos/pequeno/coelho.png"  /></a></li>
                       <li><a href="disney/mickey/2.jpg"><img src="disney/mickey/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/3.jpg"><img src="disney/mickey/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/4.jpg"><img src="disney/mickey/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/5.jpg"><img src="disney/mickey/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/mickey/6.jpg"><img src="disney/mickey/thumbs/6.jpg" alt="" /></a></li>
               </ul><!-- /prod1 -->
               <ul id="prod2" class="thumbs">
                       <li><a href="midias/produtos/medio/elefante.png"><img src="midias/produtos/pequeno/elefante.png" alt="" /></a></li>
                       <li><a href="disney/pluto/2.jpg"><img src="disney/pluto/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/pluto/3.jpg"><img src="disney/pluto/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/pluto/4.jpg"><img src="disney/pluto/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/pluto/5.jpg"><img src="disney/pluto/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/pluto/6.jpg"><img src="disney/pluto/thumbs/6.jpg" alt="" /></a></li>

         </ul><!-- /prod2 -->
               <ul id="prod3" class="thumbs">
                       <li><a href="midias/produtos/medio/girafa.png"><img src="midias/produtos/pequeno/girafa.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->
               <ul id="prod3" class="thumbs">
                       <li><a href="midias/produtos/medio/girafa.png"><img src="midias/produtos/pequeno/girafa.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->

                   <ul id="prod4" class="thumbs">
                       <li><a href="midias/produtos/medio/coelho-2.png"><img src="midias/produtos/pequeno/coelho-2.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->

                    <ul id="prod5" class="thumbs">
                       <li><a href="midias/produtos/medio/elefante-2.png"><img src="midias/produtos/pequeno/elefante-4.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->

                 <ul id="prod6" class="thumbs">
                       <li><a href="midias/produtos/medio/elefante-3.png"><img src="midias/produtos/pequeno/elefante-3.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->

              <ul id="prod7" class="thumbs">
                       <li><a href="midias/produtos/medio/elefante-4.png"><img src="midias/produtos/pequeno/elefante-2.png" alt="" /></a></li>
                       <li><a href="disney/minnie/2.jpg"><img src="disney/minnie/thumbs/2.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/3.jpg"><img src="disney/minnie/thumbs/3.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/4.jpg"><img src="disney/minnie/thumbs/4.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/5.jpg"><img src="disney/minnie/thumbs/5.jpg" alt="" /></a></li>
                       <li><a href="disney/minnie/6.jpg"><img src="disney/minnie/thumbs/6.jpg" alt="" /></a></li>

               </ul><!-- /prod3 -->




       </div><!-- /content -->
</div><!-- /main -->




            </div>

</div>

<div id="descri"> 
<div id="informacoes">

<div id="titulo_soninho">Meu Soninho</div>
<div id="texto_produto">
 <div>
   <p>Produto Importado<br />
Patenteado por Sonho de Luz<br />
<strong>Idade</strong>: De 0 à 5 anos<br />
<strong>Peso</strong>:  120 grs<br />
<strong>Tamanho</strong>: 0.45x0.45  </p>
 </div>
</div>
     </div>


 </div>


</div>
</div></div>

</div></div>

<div id="rodape">
<h5>

Meu Soninho © 2011. Todos os direitos reservados.<br /></h5>
<div id="by">
<a href="http://www.targetvisual.com.br" target="_blank">Criado por:<br /><img src="midias/target.png" alt="Criado por Target Visual" width="55" height="16" vspace="5" align="middle" class="imagens" /></a></div>


</div>

</body>
</html>

William Bruno · Fevereiro 3, 2012

ai eu não posso fazer mais nada amigo.

estude o meu código, e entenda oque eu fiz.

dinfoweb · Fevereiro 3, 2012

Sim cara logo mais eu coloco ser foi ou nao, mais ja esta indo cara muito obrigado serio de coração q deus continue abençoado você a cada dia você me ajundou 100%

Arquivado

[Resolvido] Album de foto

Recommended Posts

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0