Jump to content

Plug in conflict


10eIOSweb
 Share

Recommended Posts

I have two different plugins in my page but they don't work together. http://www.wedub4u.com/es/inicio_es.html Any ideas how to make them work? This is the relevant code: <head><link rel="stylesheet" type="text/css" href="http://wedub4u.com/style2.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" src="js/jquery.jqDock.min.js"></script><script type="text/javascript">$(function(){var jqDockOpts = {align: 'left', duration: 200, labels: 'tc', size: 48, distance: 85};$('#jqDock').jqDock(jqDockOpts);});</script> <script type="text/javascript" src="http://wedub4u.com/js/simplegallery.js"></script> </head> <!-- BEGIN DOCK 1 ============================================================ --><div id="dockContainer"><ul id="jqDock"><li><a class="dockItem" href="http://wedub4u.com/es/inicio_es.html"><img src="http://wedub4u.com/images/icons/menu1/homesm.png" alt="inicio" title="Inicio" /></a></li> <li><a class="dockItem" href="#map"><img src="http://wedub4u.com/images/icons/sitemap.png" alt="mapa del sitio web" title="Mapa Web"/></a></li> <li><a class="dockItem" href="http://wedub4u.com/es/inicio_es.html"><img src="http://wedub4u.com/images/icons/about.png" alt="información" title="Info"/> </a></li> <li><a class="dockItem" href="http://wedub4u.com/es/inicio_es.html"><img src="http://wedub4u.com/images/icons/menu1/portfsm.png" alt="galerias" title="Galerías"/> </a></li> <li><a class="dockItem" href="#contact"><img src="http://wedub4u.com/images/icons/menu1/email2sm.png" alt="contacto" title="Contacto"/> </a></li> <li><a class="dockItem" href="http://wedub4u.com/es/inicio_es.html"><img src="http://wedub4u.com/images/icons/menu1/dealssm.png" alt="ofertas" title="Ofertas"/> </a></li> <li><a class="dockItem" href="http://wedub4u.com/es/inicio_es.html"><img src="http://wedub4u.com/images/icons/menu1/storesm.png" alt="tienda" title="Tienda"/> </a></li> </ul> </div><!--end div .dock #dock--> <!-- END DOCK 1 ============================================================ --> <div id="slider"> <!--* Simple Controls Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more--> <div id="simplegallery1"><script type="text/javascript">var mygallery=new simpleGallery({wrapperid: "simplegallery1", //ID of main gallery container,dimensions: [1020, 600], //width/height of gallery in pixels. Should reflect dimensions of the images exactlyimagearray: [["http://wedub4u.com/images/slider/4.png", "", "_new", ],["http://wedub4u.com/images/slider/1.png", "", "_new", ],["http://wedub4u.com/images/slider/2.png", "", "_new", ],["http://wedub4u.com/images/slider/3.png", "", "_new", ],["http://wedub4u.com/images/slider/4.png", "", "_new", ],["http://wedub4u.com/images/slider/1.png", "", "_new", ],["http://wedub4u.com/images/slider/2.png", "", "_new", ],["http://wedub4u.com/images/slider/3.png", "", "_new", ],["http://wedub4u.com/images/slider/4.png", "", "_new", ],["http://wedub4u.com/images/slider/1.png", "", "_new", ],["http://wedub4u.com/images/slider/2.png", "", "_new", ],["http://wedub4u.com/images/slider/3.png", "", "_new", ], ],autoplay: [true, 2500, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]persist: false, //remember last viewed slide and recall within same session?fadeduration: 2000, //transition duration (milliseconds)oninit:function(){ //event that fires when gallery has initialized/ ready to run//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))},onslide:function(curslide, i){ //event that fires after each slide is shown//Keyword "this": references current gallery instance//curslide: returns DOM reference to current slide DIV (ie: try alert(curslide.innerHTML)//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)}}) </script></div> </div> <!--end div slider--> <div id="logodinamic"><script type="text/javascript">var mygallery=new simpleGallery({wrapperid: "logodinamic", //ID of main gallery container,dimensions: [230, 125], //width/height of gallery in pixels. Should reflect dimensions of the images exactlyimagearray: [["http://wedub4u.com/images/textlogo/log11.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log21.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log31.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log41.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log11.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log21.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log31.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log41.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log11.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log21.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log31.png", "", "_new", ],["http://wedub4u.com/images/textlogo/log41.png", "", "_new", ],],autoplay: [true, 2500, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]persist: false, //remember last viewed slide and recall within same session?fadeduration: 2000, //transition duration (milliseconds)oninit:function(){ //event that fires when gallery has initialized/ ready to run//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))},onslide:function(curslide, i){ //event that fires after each slide is shown//Keyword "this": references current gallery instance//curslide: returns DOM reference to current slide DIV (ie: try alert(curslide.innerHTML)//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)}}) </script></div>

Edited by 10eIOSweb
Link to comment
Share on other sites

I'm not sure what the issue is just by looking at it, if I was going to troubleshoot that I would add breakpoints to both scripts to figure out exactly what each one is doing and pay attention to things they do that might affect other scripts or elements on the page. I also wouldn't rule out that one of the scripts is just broken. But the first thing I would do is make sure I'm using the correct code for everything, including the expected version of jQuery. You might also want to check for any documentation for the scripts and see if there's information there which would help you debug them.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...