Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thiagos10

[Resolvido] Abrir mais de um JavaScript no html

Por , em Javascript

Recommended Posts

thiagos10    0

thiagos10
Postado

Boa tarde!

 

Estou com o seguinte problema... estou fazendo uma página html onde preciso executar 2 JavaScript.

 

<!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>Imagens</title>
       <meta name="keywords" content="" />
       <meta name="description" content="" />
       <link rel="stylesheet" href="styles.css"  type="text/css" media="screen" />
	<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />	 	
   </head>
   <body>
    <div id="wrapper">
       <div id="slider-wrapper">        
           <div id="slider" class="nivoSlider">
               <img src="images/prew_img1.jpg" alt="" />
               <img src="images/prew_img2.jpg" alt=""/>
               <img src="images/prew_img3.jpg" alt="" />            
           </div>        
       </div>
</div>
   <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
   <script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
   <script type="text/javascript">
   $(window).load(function() {
       $('#slider').nivoSlider();
   });
   </script>   		
	</div>
		<div class="razd"></div>		
	<div id="content">
	    <div id="left">				
	        <h4>Imagens</h4>
	       	<div class="images_box">					
		<a href="images/img1.jpg" rel="lightbox"><img src="images/img1.jpg" width="197" height="136" alt="" /></a>	        <a href="images/img2.jpg" rel="lightbox"><img src="images/img2.jpg" width="197" height="136" alt="" /></a>           <a href="images/img3.jpg" rel="lightbox"><img src="images/img3.jpg" width="197" height="136" alt="" /></a>			    

	    </div>	
		<script src="lib/prototype.js" type="text/javascript"></script>
		<script src="lib/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
		<script src="lib/lightbox.js" type="text/javascript"></script>
		<style type="text/css">
		      body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
		</style>

 

Esta funcionando somente o lightbox, quando comento o mesmo o outro funciona normal.

 

Quem puder me ajuda agradeço.

 

Obrigado, desculpa qualquer coisa sou iniciante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não use o .pack do nivo-slider, use a versão dele q não possui a lib jQuery incorporada.

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagos10    0

thiagos10
Postado

não use o .pack do nivo-slider, use a versão dele q não possui a lib jQuery incorporada.

 

Muito obrigado pela ajuda.

 

EU baixei a versão nivo-slider2.7.1, peguei o arquivo jquery.nivo.slider.js e coloquei na pasta lib.

 

Alterei o código para a seguinte forma:

	
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
   <script type="text/javascript" src="lib/jquery.nivo.slider.js"></script>

   <script type="text/javascript">
   $(window).load(function() {
       $('#slider').nivoSlider();
   });
   </script>

 

o problema ainda persiste, teve uma evolução antes travava agora fica tentando carregar a imagem.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Ok, como você está usando o prototype junto com o jQuery, você vai ter que usar o noConflict.

 

leia:

http://wbruno.com.br/blog/2011/08/24/noconflict-jquery-usando-2-bibliotecas-javascript-alias/

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagos10    0

thiagos10
Postado

Muito obrigado novamente...

 

Problema resolvido!

 

Fiz da seguinte forma:

 

<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
   <script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
   <script type="text/javascript">
   var $a = jQuery.noConflict()

   $a(window).load(function() {
       $a('#slider').nivoSlider();
   });

 

William Bruno Feliz ano novo, felicidades!

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito