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