Encountering a problem with using slider and nivo lightbox together in one PHP file. Here is the code snippet:
<script type="text/javascript" src="js/slider/jquerySlider.min.js"></script>
<script type="text/javascript" src="js/slider/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="js/slider/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/slider/camera.min.js"></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: false,
loader: 'bar',
pagination: false,
height: '300px',
});
});
</script>
<!--Nivo LightBox-->
<link rel="stylesheet" href="css/nivo-lightbox.css" type="text/css" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" />
<script type="text/javascript" src="js/nivoLightbox/jquery.min.js"></script>
<script type="text/javascript" src="js/nivoLightbox/nivo-lightbox.min.js"></script>
<script>
$(document).ready(function(){
$('a').nivoLightbox();
});
</script>
The issue currently is that only Nivo Lightbox is functional, while the slider does not work. Removing the line with src="js/nivoLightbox/jquery.min.js" enables the slider but disables the lightbox.
I suspect that jQuerySlider.min.js may be an alternative version of jquery.min.js. Both scripts seem to be different versions of the jQuery library. However, even after deleting or replacing them with the latest version, the functionality remains flawed.
If anyone could provide a revised version of this code for it to work seamlessly, it would be greatly appreciated.