Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">
<html xmlns="[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)">
<head>
<meta name="generator" content="Studio SDB Marketing e Tecnologia" />
<meta name="author" content="[http://www.studiosdb.com.br](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](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.maegeliform.ch)">[http://www.naegeliform.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>
Sua dúvida nada tem haver com PHP, entretanto, você pode utilizar o fancybox para amplicar as fotos, é feito com jQuery.