Pirobox画廊不能正常工作

时间:2013-05-12 11:05:33

标签: jquery css image-gallery

对于我的网站,我使用的是Pirobox扩展v1.3,如下所示:

http://jquery.pirolab.it/pirobox/

但是,我无法关闭任何图像,当我点击图像时(如果有图像的话),它们就不会关闭。

我的网站和图库可以通过以下链接找到:

http://photo.johnvas.com/portfolio-animals.php

我的所有脚本都可以在网站上找到,但为了方便起见,我将在这里提供相关的:

http://photo.johnvas.com/scripts/js/pirobox_extended-1.3.js

http://photo.johnvas.com/styles/css_pirobox/style_8/style.css

我也在我的页面上使用以下jQuery脚本:

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js

http://photo.johnvas.com/scripts/js/jquery-ui-1.8.2.custom.min.js

最后,当我在每个页面上有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>

如上所述,这些图片都不允许我关闭它们,但是它们曾经工作过,自我上次访问此网站以来已经将近一年,并且无法找到问题的解决方案。

1 个答案:

答案 0 :(得分:0)

通过使用以前的jQuery库解决了这个问题。

我正在使用最新的一个,直接来自网站,但是,他们必须更新它,因为去年我使用这个网站,它导致画廊打破。