Hey guys,
I have a problem with "prototype.js" and "jquery-1.6.1.min.js" clashing.
I'm using "prototype.js" for "lightbox2" and "jquery-1.6.1.min.js" for another function.
When I disable one the other works and vice versa.
Is there a way around this? Script below:
Many thanks.
<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>
<!--SLIDE_BOX-->
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//Vertical Sliding
$('.boxgrid.slidedown').hover(function(){
$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:500});
}, function() {
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
});
});
</script>
I have a problem with "prototype.js" and "jquery-1.6.1.min.js" clashing.
I'm using "prototype.js" for "lightbox2" and "jquery-1.6.1.min.js" for another function.
When I disable one the other works and vice versa.
Is there a way around this? Script below:
Many thanks.
<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>
<!--SLIDE_BOX-->
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//Vertical Sliding
$('.boxgrid.slidedown').hover(function(){
$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:500});
}, function() {
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
});
});
</script>