Question

To get lightbox functionality in my page,i have added js files in master page.
after some time,i needed to use jquery in child page.so i have added jquery reference in child page.
When i added jquery reference in child page,lightbox stops working.

How to resolve this problem?
when i remove jquery reference from child page,lightbox works fine.
Is this Jquery conflict problem??

FYI i have shown my js files here

Master Page Javascript files :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<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>
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />

Child page Javascript files :

<script src="../js/jquery-1.4.2.min.js" type="text/javascript">     </script> 

<script language="javascript" type="text/javascript">
        var $j = jQuery.noConflict(true);

        function showClose(obj) {            
            obj.style.display = 'none';
            $j("#spnFullInfo").slideDown(1500);           
            return false;
        }
</script>

Answer 1

try first only lightbox functionality. Keep only jquery.js and lightbox.js remove other .js files. you might have conflict with prototype or scriptaculuos.