Ir para conteúdo

POWERED BY:

Arquivado

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

idur

Ampliar imagem ao clicar

Recommended Posts

Boa tarde, desculpem pela ignorância, sou bem iniciante em PHP e html. Estou precisando alterar um site já pronto, onde existem algumas fotos, mas preciso que as fotos abram em tamanho real ao clicá-las. Segue o código da página , se alguém puder me ajudar eu agradeço! Obrigado .

 

As fotos que desejo aumentar estão na class="obras-detalhar-galeria"

 

-------------------------------------------------------------------------------------------------

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta name="generator" content="Studio SDB Marketing e Tecnologia" />
<meta name="author" content="http://www.studiosdb.com.br" />
<meta name="copyright" content="Studio SDB Marketing e Tecnologia" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>
<script type="text/javascript" src="../js/jquery-1.6.min.js"></script>
<script type="text/javascript" language="javascript" src="../js/jquery.dropdownPlain.js"></script>
<link rel="stylesheet" type="text/css" href="../css/master.css" />
<script type="text/javascript">
var fb_param = {};
fb_param.pixel_id = '6007003232248';
fb_param.value = '0.00';
(function(){
var fpw = document.createElement('script');
fpw.async = true;
fpw.src = '//connect.facebook.net/en_US/fp.js';
var ref = document.getElementsByTagName('script')[0];
ref.parentNode.insertBefore(fpw, ref);
})();
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=6007003232248&value=0" /></noscript>
</head>
<body>
<div class="topo">
<div class="topo-container">
<div class="topo-marca">
<a href="../index.php"><img src="../img/marca.png" alt="Constechne" title="Constechne" /></a>
</div>
<div class="topo-idiomas">PT | EN</div>
<div class="topo-menu">
<ul class="dropdown">
<li><a href="index.php">OBRAS</a></li>
<li><a href="servicos.php">SERVIÇOS</a></li>
<li style="background-color:#000;">
<a style="cursor:pointer;">PRODUTOS</a>
<ul class="sub_menu">
<li><a href="produtos-escadas.php">ESCADAS</a></li>
<li><a href="produtos-cristal-pool.php">CRISTAL POOL</a></li>
</ul>
</li>
<li><a href="sobre-nos.php">SOBRE NÓS</a></li>
<li><a href="contato.php">CONTATO</a></li>
</ul>
</div>
</div>
</div>
<div class="conteudo">
<div class="conteudo-container">
<div class="conteudo-titulo"><img src="../img/produtos.png" alt="Produtos" title="Produtos" /></div>
<div class="obras-detalhar">
<div class="obras-detalhar-descricao">
<h3>ESCADAS</h3>
<p align= "left">Representamos no DF fábrica de escadas pré-moldadas em concreto armado, feitas sob medida para seu projeto. </p>
<p align= "left">Utilizando tecnologia suíça de fabricação, fabricamos modelos espirais (caracol), com degraus abertos ou fechados, retas, em “L” em “U”, sempre com acabamento e aspecto impecáveis. <a href="http://www.maegeliform.ch">http://www.naegeliform.ch</a> </p>
<p align= "left"> </p>
<p align= "left">Montagem simples, rápida e limpa.
</p>
</div>
<div align="center" class="obras-detalhar-galeria">
<ul>
<li>
<img src="../img/produtos/escadas/escada1.JPG" title="Escada helicoidal aberta" />
</li>
<li>
<img src="../img/produtos/escadas/escada2.jpg" title="Escada helicoidal com madeira" />
</li>
<li>
<img src="../img/produtos/escadas/escada3.jpg" title="Escada reta fechada" />
</li>
<!--<li>
<img src="../img/inicial/casa-cor-2011.jpg" title="Titulo" />
</li>
<li>
<img src="../img/inicial/casa-cor-2011.jpg" title="Titulo" />
</li>
<li>
<img src="../img/inicial/casa-cor-2011.jpg" title="Titulo" />
</li>-->
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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