Jump to content

Lightbox2 not working with other scripts


Recommended Posts

hi all, im having another problem with a site that has several scripts on it. i have some scripts that handle scroll bars and some scripts that run Lightbox2. i call the scroll bar and lightbox2 scripts in the header and then initiate the scroll bar in the body. if i run the scripts seperately there is no problem i.e: if i run them on seperate pages theres no problem. when i put the scripts on the same page [with the lightbox scripts last] then only the lighbox script works. the scrollbars just show as normal scrollbars. i tried putting the lighbox scripts first but then neither functionality worked. i'm hoping someone out there can help with this problem.is this some kind of conflict? could the call to the scrollbars be set to noconflict? i call the scripts like so:

 <!-- SCROLL BAR SCRIPTS--><script type="text/javascript" src="../_js/jquery.min.js"></script><script type="text/javascript" src="../_js/jquery.mousewheel.js"></script><script type="text/javascript" src="../_js/jquery.jscrollpane.min.js"></script> <!-- LIGHTBOX SCRIPTS--><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><script type="text/javascript" id="sourcecode">$(function(){$('.scroll-pane').jScrollPane({//showArrows: true,//arrowScrollOnHover: true,//mouseWheelSpeed: 20verticalDragMaxHeight: 30});$('.pics').jScrollPane({//showArrows: true,//arrowScrollOnHover: true,//mouseWheelSpeed: 20verticalDragMaxHeight: 30});});</script>

to see what it should look like you can see the page with just the scrollbars here:http://jt-design.paulyouthed.com/test/ ...the page with just the light box is here:http://jt-design.pau...-pop-out003.php ...and finally, the page where im trying to run both scripts at the same time is here:http://jt-design.pau...-pop-out005.php in the last one the scroll bars dont render but the lightbox does work. thanks for reading and regards.

Link to post
Share on other sites

you realize you have to refere to jquery differently, too, right? make sure you read the reference page in its entirety. In fact, it's for this reason that jQuery formally advises people to use jQuery instead of the dollar sign.

Link to post
Share on other sites

hello theScientist, i read the instructions and managed to get the script working.it didnt work at first but when i put the script lightbox scripts first it worked.for any one who want to see the code, here you are:

<!-- LIGHTBOX SCRIPTS--><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> <!-- SCROLL BAR SCRIPTS--><script type="text/javascript" src="../_js/jquery.min.js"></script><script type="text/javascript" src="../_js/jquery.mousewheel.js"></script><script type="text/javascript" src="../_js/jquery.jscrollpane.min.js"></script> </head><body><script type="text/javascript" id="sourcecode">$.noConflict();  jQuery(document).ready(function($) { $(function(){$('.scroll-pane').jScrollPane({//showArrows: true,//arrowScrollOnHover: true,//mouseWheelSpeed: 20verticalDragMaxHeight: 30 }); $('.pics').jScrollPane({//showArrows: true,//arrowScrollOnHover: true,//mouseWheelSpeed: 20verticalDragMaxHeight: 30 });});});</script>

the code i added to get it working was:

$.noConflict();  jQuery(document).ready(function($) {  // the code that's not working goes here});

Edited by as_bold_as_love
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...
×
×
  • Create New...