Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola Amigos,
Estou tentando colocar um JQuery junto com um Javascript de lightbox, mais quando eu coloco os dois desabilita um.
O q posso fazer?
Obrigado pela ajuda.
ai esta 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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:: Clarté Decor ::.</title>
<link href="inc/estilo.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="jquery/coda-slider.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="jquery/jquery-1.2.6.js" type="text/javascript"></script>
<script src="jquery/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="jquery/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="inc/prototype.lite.js"></script>
<script type="text/javascript" src="inc/moo.fx.js"></script>
<script type="text/javascript" src="inc/litebox-1.0.js"></script>
<script type="text/javascript" src="inc/listel.js"></script>
<link rel="stylesheet" href="inc/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<div id="Geral" align="center">
<div id="topo">
<div id="logo" align="center"><img src="images/logo_clarte_decor.png" width="240" height="98" class="logo" />
<div id="conteudo_topo" align="left">
<div id="conteudo_topo_e">
<img src="images/tit_persianas.png" width="178" height="29" style="padding-bottom:10px;"/>
<p><span class="texto_topo">Procurando solução em claridade para a sua casa ou empresa? Veio ao lugar certo! A Clarté Decor disponibiliza as melhores persianas e cortinas para você, conheça nossos trabalhos executados clicando nas fotos ao lado.</span></p>
</div>
<div id="conteudo_topo_d"><a href="ombrellone.htm"><img src="images/bt_topo_obrelone.png" width="134" height="63" border="0" /></a></div>
<div id="conteudo_jquery">
<div id="wrapper">
<div id="slider">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="sites">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center"><a href="rolo.htm"><img src="images/f_topo_01.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="aluminio_50.htm"><img src="images/f_topo_02.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="duall_shade.htm"><img src="images/f_topo_03.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="duette.htm"><img src="images/f_topo_04.png" width="180" height="176" border="0" /></a></td>
</tr>
</table>
</div>
<div class="panel" id="files">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center"><a href="horizontal.htm"><img src="images/f_topo_05.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="luminette.htm"><img src="images/f_topo_06.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="madeira.htm"><img src="images/f_topo_07.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="natural.htm"><img src="images/f_topo_08.png" width="180" height="176" border="0" /></a></td>
</tr>
</table>
</div>
<div class="panel" id="editor">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center"><a href="ombrellone.htm"><img src="images/f_topo_09.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="ondulette.htm"><img src="images/f_topo_10.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="plissada.htm"><img src="images/f_topo_11.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="romana.htm"><img src="images/f_topo_12.png" width="180" height="176" border="0" /></a></td>
</tr>
</table>
</div>
<div class="panel" id="preview">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center"><a href="sacada.htm"><img src="images/f_topo_13.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="silhouette.htm"><img src="images/f_topo_14.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="teto.htm"><img src="images/f_topo_15.png" width="180" height="176" border="0" /></a></td>
<td align="center"><a href="vertical.htm"><img src="images/f_topo_16.png" width="180" height="176" border="0" /></a></td>
</tr>
</table>
</div>
</div>
</div>
<div id="shade"></div>
</div>
<p> </p>
</div>
</div>
</div>
</div>
</div>
<div id="centro">
<div id="conteudo_centro_e">
<div id="conteudo_centro_e_menu" align="left">
<a href="index.htm" class="menu">Home</a><br />
<img src="images/l_vert_menu.jpg" width="115" height="11" /><br />
<a href="empresa.htm" class="menu">A Clarté</a><br />
<img src="images/l_vert_menu.jpg" width="115" height="11" /><br />
<a href="produtos.htm" class="menu">Produtos</a><br />
<img src="images/l_vert_menu.jpg" width="115" height="11" /><br />
<a href="orcamento.htm" class="menu">Orçamento</a><br />
<img src="images/l_vert_menu.jpg" width="115" height="11" /><br />
<a href="contato.htm" class="menu">Contato</a><br />
<img src="images/l_vert_menu.jpg" width="115" height="11" /> </div>
<p><img src="images/telefone.jpg" width="135" height="121" /><br />
<span class="telefone">(11) 2262-6409</span><br />
<span class="telefone">(11) 2262-6409</span></p>
<p><img src="images/logo_blogge.jpg" width="118" height="47" /><br />
<br />
<img src="images/logo_flickr.jpg" width="124" height="46" /> </p>
</div>
<div align="left" id="conteudo_centro_c">
<p><img src="images/tit_qualidade_compromisso.jpg" width="299" height="32" /><br />
<span class="texto_centro">Procurando solução em claridade para a sua casa ou empresa? Veio ao lugar certo! A Clarté Decor disponibiliza as melhores persianas e cortinas para você, conheça nossos trabalhos executados clicando nas fotos ao lado.</span></p>
<p><img src="images/l_vert_centro.jpg" width="418" height="33" /></p>
<div id="conteudo_centro_c_1"><a href="toldos.htm"><img src="images/tit_toldos_home.jpg" width="199" height="198" border="0" /></a><br />
<span class="texto_produto_centro">Procurando solução em</span><br />
<span class="texto_produto_centro">claridade para a sua casa ou</span><br />
<span class="texto_produto_centro">empresa? Veio ao lugar </span></div>
<div id="conteudo_centro_c_2"><a href="ombrellone.htm"><img src="images/tit_ombrelone_home.jpg" width="199" height="198" border="0" /></a><br />
<span class="texto_produto_centro">Procurando solução em</span><br />
<span class="texto_produto_centro">claridade para a sua casa ou</span><br />
<span class="texto_produto_centro">empresa? Veio ao lugar </span></div>
</div>
<div id="conteudo_centro_d" align="left"><img src="images/bt_orcamento.png" width="134" height="93" />
<div id="conteudo_centro_d_form"><form action="" method="get"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td width="24%" class="texto_form_home">NOME:</td>
<td width="76%"><label>
<input name="textfield" type="text" class="from_home" id="textfield" size="25" />
</label></td>
</tr>
<tr>
<td class="texto_form_home">E-Mail:</td>
<td><input name="textfield2" type="text" class="from_home" id="textfield2" size="25" /></td>
</tr>
<tr>
<td class="texto_form_home">Telefone:</td>
<td><input name="textfield3" type="text" class="from_home" id="textfield3" size="25" /></td>
</tr>
<tr>
<td colspan="2" class="texto_form_home_pq">Ao solicitar o orçamento favor informar o "ambiente" onde será instalada a persiana, a "largura e altura" do vão e o "modelo desejado"</td>
</tr>
<tr>
<td colspan="2"><span class="texto_form_home">Orçamento:</span><br />
<textarea name="textfield4" cols="35" rows="4" class="from_home" id="textfield4"></textarea></td>
</tr>
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="62%"><a href="images/como-medir.jpg" title="Como Medir" rel="lightbox1"><img src="images/bt_como_medir.jpg" width="163" height="30" border="0" /></a></td>
<td width="38%" align="center"><input type="image" src="images/bt_enviar.jpg" name="button" id="button" value="Submit" /></td>
</tr>
</table></td>
</tr>
</table>
</form>
<p></p>
<p></p>
<div id="conteudo_centro_d_endereco"><span class="tit_endereco_home">ZONA SUL</span><br />
<span class="texto_endereco_home">Rua Luís Góis, 120<br />
Vila Mariana </span></div>
<div id="conteudo_centro_d_endereco1"><span class="tit_endereco_home">ZONA NORTE</span><br />
<span class="texto_endereco_home">Av. Nova Cantareira, <br />
3344 - cj 05<br />
Tremembé </span></div>
</div>
</div>
</div>
</div>
</body>
</html>Cara, essa função eu preciso colocar no arquivo do jQuery??? como eu faria isso pois nunca fiz...
Obrigado pela ajuda.
Alguem pode me ajudar com esse problema?
Aqui tem um artigo que ensina a usá-lo /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/smile.gif&key=15294d64c22e9e9c4ae0bf82a62ec27d13f27d6ba7078a5f7982077798029364" alt="Imagem Postada" />
Abraço
procure por noConflit() do jQuery.
jQuery é um framework javascript
prototype também.
por isso o problema.
use o noConflit() do jQuery para conseguir trabalhar com as 2 bibliotecas.