Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 19
Sexo: Masculino

conflito javascript

20-10-2011 12:26

oi Galera, tudo bem?
Estou tentando colocar em um site uma galeria em carousel e um colorbox, porém esses scripts estão entrando em conflito já tentei colocar o jQuery.noConflict(). Mas não adiantou nada. Sempre que insiro o codigo do colorbox minha galeria para de funcionar. Se alguém conseguir me ajudar agradeço.
O meu código é esse

<!--/* CAROUSEL */--> <script type="text/javascript" src="{$url_template}/carousel/lib/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="{$url_template}/carousel/lib/jquery.jcarousel.min.js"></script> <link rel="stylesheet" type="text/css" href="{$url_template}/carousel/skins/tango/skin.css" /> <script type="text/javascript"> function mycarousel_initCallback(carousel) { carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); }); </script> <!--/* FIM CAROUSEL */--> <!--/* LIGHT BOX */--> <link type="text/css" media="screen" rel="stylesheet" href="{$url_template}/colorbox/colorbox.css" /> <script type="text/javascript" src="{$url_template}/colorbox/jquery.min.js"></script> <script type="text/javascript" src="{$url_template}/colorbox/jquery.colorbox.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a[rel='example1']").colorbox(); $("a[rel='example2']").colorbox({transition:"fade"}); $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"}); $("a[rel='example4']").colorbox({slideshow:true}); $(".single").colorbox({}, function(){ alert('Howdy, this is an example callback.'); }); $(".colorbox").colorbox(); $(".youtube").colorbox({iframe:true, width:650, height:550}); $(".iframe").colorbox({width:"80%", height:"80%", iframe:true}); $(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"}); $("#click").click(function(){ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); return false; }); }); </script> <!--/* FIM LIGHT BOX */-->

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

conflito javascript

20-10-2011 12:54

Se possível poste o link de ambos sistemas para baixar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 19
Sexo: Masculino

conflito javascript

20-10-2011 15:02

Zipei os arquivos e coloquei no 4shared
o link é esse

http://www.4shared.com/file/ZCgWNNjT/teste.html
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

conflito javascript

20-10-2011 15:40

Esse teste.html que mandou não funciona, mas você tinha que mandar um exemplo de cada script funcionando.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 19
Sexo: Masculino

conflito javascript

20-10-2011 15:53

Coloquei os dois arquivos funcionando separadamente nesse link

http://www.4shared.com/file/eEb3pml3/ca ... _Cpia.html
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

conflito javascript

20-10-2011 17:19

Aparentemente o problema estava na chamada dupla do jQuery.js

Testa o seguinte

<!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>Untitled Document</title> <link href="carousel/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="carousel/lib/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="carousel/lib/jquery.jcarousel.min.js"></script> <link rel="stylesheet" type="text/css" href="carousel/skins/tango/skin.css" /> <link type="text/css" media="screen" rel="stylesheet" href="colorbox/colorbox.css" /> <script type="text/javascript" src="colorbox/jquery.colorbox.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <script type="text/javascript"> // CAROUSEL function mycarousel_initCallback(carousel) { // Disable autoscrolling if the user clicks the prev or next button. carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); }); </script> <script type="text/javascript"> // COLORBOX $(document).ready(function(){ //Examples of how to assign the ColorBox event to elements $("a[rel='example1']").colorbox(); $("a[rel='example2']").colorbox({transition:"fade"}); $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"}); $("a[rel='example4']").colorbox({slideshow:true}); $(".single").colorbox({}, function(){ alert('Howdy, this is an example callback.'); }); $(".colorbox").colorbox(); $(".youtube").colorbox({iframe:true, width:650, height:550}); $(".iframe").colorbox({width:"80%", height:"80%", iframe:true}); $(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"}); //Example of preserving a JavaScript event for inline calls. $("#click").click(function(){ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); return false; }); }); </script> </head> <body> <table border="0" > <tr> <td height="150"><a href="fotosProdutos/motores eletricos industriais.jpg"rel="example1" > <img src="fotosProdutos/motores eletricos industriais.jpg" width="128" height="101" align="top" /></a></td> </tr> </table> <div id="wrap"> <ul id="mycarousel" class="jcarousel-skin-tango"> <li> </li> <li><a href=""><img src="img/ambev.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/arcelor.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/formtap.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/gea.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/kuttner.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/magnesita.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/magnetti.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/aethra.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="images/ambev.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/arcelor.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/formtap.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/gea.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/kuttner.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/magnesita.jpg" width="75" height="75" alt="" /></a></li> <li><a href=""><img src="img/magnetti.jpg" width="75" height="75" alt="" /></a></li> </ul> </div> </body> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 19
Sexo: Masculino

conflito javascript

21-10-2011 09:31

opa!
=D
Funciono direitinho aqui! =D
Vlw!
=D
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

conflito javascript

21-10-2011 09:41

;)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado