My website utilizes Pirobox extended v1.3, which can be found at this link:
Unfortunately, I am facing an issue where I am unable to close any of the images on my site. When I click off an image, it does not close properly.
You can visit my website and gallery through this link:
All relevant scripts are available on the website, but for convenience, I will provide them here:
In addition to Pirobox, I am also using the following jQuery scripts on my page:
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js
On each page, I have included the following script specifically for Pirobox:
<script type="text/javascript">
$(document).ready(function() {
jQuery.easing.def = "easeInOutQuart";
$.pirobox_ext({
attribute: 'rel',
piro_speed : 700,
bg_alpha : .4,
resize : true,
zoom_mode : true,
move_mode : 'mousemove',
piro_scroll : false,
share: true
});
$('.source_code').hide();
$('.tabs li a').click(function(event){
event.preventDefault();
var tabs = $(this).attr('href');
$(this).parent('li').siblings('li').children('a').removeClass('active');
$(this).addClass('active');
if(!$(tabs).is(':visible')){
$(this).parent('li').parent('ul').parent('.section').find('.demo').fadeOut(0);
$(tabs).fadeIn(300);
}
});
});
</script>
Despite trying various solutions, I am still encountering issues with closing the images on the site after nearly a year since last accessing it. Your assistance in resolving this problem would be greatly appreciated.