pessoal peguei esse codigo na net e ele funciona assim,
você clica em cima da imagem e ele abre dentro do lightbox e dá zoom na imgem dentro do lightbox, mas no meu caso não esta funcionando ele chama a janela tudo certinho mas não abre a imagem não estou sabendo fazer o link para a imagem alguém pode me ajudar, para ficar mais fácil achem a div add é nela que estou me debatendo..
Pergunta
mauricioms
pessoal peguei esse codigo na net e ele funciona assim,
você clica em cima da imagem e ele abre dentro do lightbox e dá zoom na imgem dentro do lightbox, mas no meu caso não esta funcionando ele chama a janela tudo certinho mas não abre a imagem não estou sabendo fazer o link para a imagem alguém pode me ajudar, para ficar mais fácil achem a div add é nela que estou me debatendo..
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>lightbox</title> <!--javascript --> <script type="text/javascript" src="js/funcoes.js"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/mouseFollow.js"></script> <script type="text/javascript" src="js/lightwindow.js"></script> <script type="text/javascript" src="js/jquery-1.js"></script> <!--css --> <link rel="stylesheet" type="text/css" href="css/lightwindow.css"> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head><body> <ul> <li id="abaFoto" class="aberta" onclick='TrocarAba("colFotos",this.id)'><a href="java script:void(0)"> FOTOS</a></li> </ul> <div id="colFotos" class="conteudo"> <script> var zoomHabilitado = false; </script> <div id="foto_p" align="center"> <span id="imageH_1" onclick='openLightWindow("images;id_produto=01&a=800&l=800&var="+$("variacao").value,"01","800","800")'> <a href="java script:void(0);"><img src="images/180_2084_1.jpg" id="imgView" title="01" alt="01" border="0"></a> </span> <span style="display: none;" id="imageH_2" onclick='openLightWindow("images;id_produto=02&a=800&l=800&var="+$("variacao").value,"02","800","800")'> <a href="java script:void(0);"><img src="images/180_2084_2.jpg" id="imgView" title="02" alt="02" border="0"></a> </span> <span style="display: none;" id="imageH_3" onclick='openLightWindow("images;id_produto=03&a=800&l=800&var="+$("variacao").value,"03","800","800")'> <a href="java script:void(0);"><img src="images/180_2084_3.jpg" id="imgView" title="03" alt="03" border="0"></a> </span> <div id="add"> <div onclick='openLightWindow("zoom.php?loja=214000&url_zoom=214000/2084_zoom_1.jpg&nome_produto=textoqualquer","","510","510")'> <a href="java script:void(0);"><img src="images/zoom.png" alt="Abrir Zoom" class="bgcolor" border="0"></a> </div></div> </div> <div id="foto_a" align="center"> <span style="display: block;" id="imageL_1" onclick='swapImage(this.id,"imageH_1");'> <a href="java script:void(0);"><img src="images/90_2084_1.jpg" title="01" alt="01" border="0"></a> </span> <span id="imageL_2" onclick='swapImage(this.id,"imageH_2");'> <a href="java script:void(0);"><img src="images/90_2084_2.jpg" title="02" alt="02" border="0"></a> </span> <span id="imageL_3" onclick='swapImage(this.id,"imageH_3");'> <a href="java script:void(0);"><img src="images/90_2084_3.jpg" title="03" alt="03" border="0"></a> </span></div> </div> <div id="direita" style="left: 0px; top: 0px"><!--Coluna Direita--> </div> <div id="alert" style="display: none; visibility: visible; left: 459px; top: 264px;"> Clique para ocultar</div> <div style="background-image: url("img01/black-70.png"); background-repeat: repeat; height: 4476px;" id="lightwindow_overlay"> </div><div style="top: 340px; left: 567.5px;" id="lightwindow"> <div style="height: 250px; width: 250px; left: -125px; top: -125px;" id="lightwindow_container"> <div id="lightwindow_title_bar"> <div id="lightwindow_title_bar_inner"><span id="lightwindow_title_bar_title"></span><a id="lightwindow_title_bar_close_link"><img src="images/fechar.png"></a></div></div> <div id="lightwindow_stage"><div style="height: 250px; width: 250px;" id="lightwindow_contents"></div><div id="lightwindow_navigation"><a href="#" id="lightwindow_previous"><span id="lightwindow_previous_title"></span></a><a href="#" id="lightwindow_next"><span id="lightwindow_next_title"></span></a><iframe name="lightwindow_navigation_shim" id="lightwindow_navigation_shim" src="java script:false;" frameborder="0" scrolling="no"></iframe></div> <div id="lightwindow_galleries"> <div id="lightwindow_galleries_tab_container"><a href="#" id="lightwindow_galleries_tab"><span id="lightwindow_galleries_tab_span" class="up"></span></a></div><div id="lightwindow_galleries_list"></div></div></div><div id="lightwindow_data_slide"> <div id="lightwindow_data_slide_inner"><div id="lightwindow_data_details"><div id="lightwindow_data_gallery_container"><span id="lightwindow_data_gallery_current"></span> de <span id="lightwindow_data_gallery_total"></span></div> <div id="lightwindow_data_author_container"> by <span id="lightwindow_data_author"></span></div></div> <div id="lightwindow_data_caption"></div></div></div></div></div></body></html>Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.