0

私のウェブサイトでは、ここにあるように Pirobox extended 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 年が経過し、問題の解決策が見つかりません。

4

1 に答える 1