idur 0 Denunciar post Postado Maio 3, 2013 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"> <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
Alaerte Gabriel 662 Denunciar post Postado Maio 3, 2013 Sua dúvida nada tem haver com PHP, entretanto, você pode utilizar o fancybox para amplicar as fotos, é feito com jQuery. Compartilhar este post Link para o post Compartilhar em outros sites