Jump to content
Sign in to follow this  
10eIOSweb

Plug in conflict

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

Share this post


Link to post
Share on other sites

At first glance it looks like the function to set up the dock needs to be run after the page has loaded, or at least after the element it's trying to change has loaded.

Share this post


Link to post
Share on other sites

I finally figure out what the problem was . It wasn't calling the right .js file. So now both plugins work, but the Fisheye menu is not working properly. It will keep enlarging the icon without stop. Any ideas?

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...