Jump to content


Photo

2 Javascript Em Um Site


  • Faça o login para participar
2 replies to this topic

#1 Victor Gamarra

Victor Gamarra

    Normal

  • Usuários
  • 95 posts
  • Sexo:Masculino

Posted 15/05/2010, 21:06

Olá,
Estou com um prazo pra terminar a página inicial de um site e estou com alguns problemas: eu ja uso o slidetron mas agora gostaria de usar o light box também. esta entrando em conflito. o que decide o qual vai funfar é a ordem em que coloco os links pros arkivos. para ter acesso os akivos estão em http://www.awebmaste...br/piscinas.rar
grato a atenção viktor

Edição feita por: Victor Gamarra, 15/05/2010, 21:07.


#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 17/05/2010, 11:45

Olá Victor...

Eu baixei e vi o seu código aqui

E estou vendo que você está utilizando a JQuery e a Prototype e o Scriptaculous...

As vezes você tem conflitos porque bibliotecas de javascript as vezes utilizam convenções parecidas e nomenclaturas as vezes até iguais...

O que eu recomendo para você é utilizar tudo de um framework só.
Por exemplo use o slide do JQuery e tem a light box do JQuery também ... aí você retira as outras duas bibliotecas que você está utilizando.

Segue o link dos dois plugins:

Slide:
http://jquery.malsup.com/cycle/

LightBox:
http://leandrovieira...query/lightbox/

Assim você evita esses conflitos!

Abraçosss!
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 18/05/2010, 09:04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!--Design by Free CSS Templateshttp://www.freecsstemplates.orgReleased for free under a Creative Commons Attribution 2.5 LicenseName       : Throughout Description: A two-column, fixed-width design for 1024x768 screen resolutions.Version    : 1.0Released   : 20100423--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Piscinas</title><meta name="keywords" content="" /><meta name="description" content="" /><link href="style.css" rel="stylesheet" type="text/css" media="screen" /><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><style type="text/css">@import "slidertron.css";body {	background-repeat: repeat-x;	background-color: #74D3F6;	background-image: url(images/img01.jpg);}</style><script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script><script type="text/javascript">jQuery.noConflict();</script><script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script> <script type="text/javascript" src="js/prototype.js"></script><script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script><script type="text/javascript" src="js/lightbox.js"></script></head><body background="images/img01.jpg"><!-- end #header-wrapper --><div id="logo">  <h1><a href="#">  piscinas</a></h1></div><div id="header">  <div id="menu">		<ul>			<li><a href="#" class="first">Home</a></li>			<li class="current_page_item"><a href="#">Produtos</a></li>			<li><a href="#">Dicas</a></li>			<li><a href="#">Galeria de fotos</a></li>			<li><a href="#">Contato</a></li>            <li><a href="#">Tudo sobre Piscinas</a></li>            <li><a href="#">Construa sua piscina</a></li>		</ul>	</div>	<!-- end #menu -->	<!-- end #search --></div><!-- end #header --><hr /><!-- end #logo --><div id="slideshow">	<!-- start -->	<div id="foobar">		<div id="col1"><a href="#" class="previous">&nbsp;</a></div>		<div id="col2">			<div class="viewer">				<div class="reel">					<div class="slide"><img src="images/img04.jpg" width="726" height="335" alt="" /> <span>Piscinas de vinil</span> </div>					<div class="slide"><img src="images/img07.jpg" width="726" height="335" alt="" /> <span>Bordas para piscinas</span> </div>					<div class="slide"><img src="images/img08.jpg" width="726" height="335" alt="" /> <span>Piscinas aquecidas</span> </div>				</div>			</div>		</div>		<div id="col3"><a href="#" class="next">&nbsp;</a></div>	</div>	<script type="text/javascript">						jQuery('#foobar').slidertron({							viewerSelector:			'.viewer',							reelSelector:			'.viewer .reel',							slidesSelector:			'.viewer .reel .slide',							navPreviousSelector:	'.previous',							navNextSelector:		'.next',							navFirstSelector:		'.first',							navLastSelector:		'.last'						});											</script>	<!-- end --></div><div id="page">	<div id="page-bgtop">		<div id="content">			<div class="post">								<h2 class="title"><a href="#">Bem - Vindo a piscinas etc</a></h2>			  <div class="entry">					<p>Algumas dicas para você manter a água da sua <strong>piscina</strong> limpa e   sem bactérias e livre da dengue. Tomamos com referencia uma piscina de   50.000Lts<br />					  <br />					  1º Função: Filtrar a água 03 vezes por semana e toda as vezes   que jogar qualquer produto na água, durante 06 a 08 horas.<br />					  Registros abertos:   Ralo de fundo, retorno e skimmer.<br />					  <br />					  2º Função: Aspirar a   piscina.<br />					  Aspirar drenando – Quando a piscina estiver muito suja.<br />					  Registros   abertos – Aspiração e esgoto.<br />					  Registros fechados – Ralo de fundo, retorno e   skimmer.<br />					  Posição da válvula – Drenar.<br />					  <br />					  3º Função: Duas vezes por semana   lavar a areia do filtro.<br />					  Registros abertos – Ralo de fundo e   esgoto.<br />					  Registros fechados – Aspiração , retorno e skimmer. “ Observe<br />					  A   água passar no visor. Coloque a válvula na posição de lavar. <br />					  Depois coloque   na posição pré-filtrar. Espere 10 segundos e <br />					  Volte á função nº   1.<br />					  <br />					  Limpeza do pré-filtro.<br />					  <br />					  Feche todos os registros, abra o   pré-filtro, retire o cesto, lave e Retorne p/ a bomba. Volte á   1ºfunção.<br />					  <br />					  Obs: Não mexa na válvula do filtro com a bomba ligada.<br />				    Não   ligue a bomba com os registros fechados.</p>		  </div></div>	  </div>		<!-- end #content -->		<div id="sidebar">			<ul>				<li>					<h2>Galeria de fotos</h2>					<table width="200" border="0" align="center" cellpadding="3" cellspacing="3">					  <tr>					    <td><a href="images/image-1.jpg" rel="lightbox" title="Óiaaa"><img src="images/image-1.jpg" alt="" width="190" height="140" /></a></td>				      </tr>					  <tr>					    <td>&nbsp;</td>				      </tr>					  <tr>					    <td>&nbsp;</td>				      </tr>				  </table>					<p>&nbsp;</p>				</li>				<li>				  <h2>menu de produtos </h2>					<ul>						<li><a href="#">Nec metus sed donec</a></li>						<li><a href="#">Magna lacus bibendum mauris</a></li>						<li><a href="#">Velit semper nisi molestie</a></li>						<li><a href="#">Eget tempor eget nonummy</a></li>						<li><a href="#">Nec metus sed donec</a></li>						<li><a href="#">Velit semper nisi molestie</a></li>						<li><a href="#">Eget tempor eget nonummy</a></li>						<li><a href="#">Nec metus sed donec</a></li>					</ul>				</li>				<li>					<h2>parceiros</h2>					<ul>						<li><a href="#">Nec metus sed donec</a></li>						<li><a href="#">Magna lacus bibendum mauris</a></li>						<li><a href="#">Velit semper nisi molestie</a></li>						<li><a href="#">Eget tempor eget nonummy</a></li>						<li><a href="#">Nec metus sed donec</a></li>						<li><a href="#">Nec metus sed donec</a></li>						<li><a href="#">Magna lacus bibendum mauris</a></li>						<li><a href="#">Velit semper nisi molestie</a></li>						<li><a href="#">Eget tempor eget nonummy</a></li>						<li><a href="#">Nec metus sed donec</a></li>					</ul>				</li>			</ul>    </div>		<!-- end #sidebar -->		<div style="clear: both;">&nbsp;</div>	</div>	<!-- end #page --></div><div id="footer">	<p>Criado por awebmasters</p></div><!-- end #footer --></body></html>

Existe uma opção no JQuery para você eliminar os conflitos de biblioteca
jQuery.noConflict()

foi isso que usei ai.

Recomendo tb vc usar só uma biblioteca.

Abraço




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq