fotorama ギャラリーの下で自分の写真用にシャドーボックスを動作させていますが、うまく機能しています。ただし、fotorama ギャラリーの任意のボタンをクリックすると、すぐに画像のシャドウ ボックスが表示されます。別のフォトラマ写真に変更したいだけなのに、なぜシャドーボックス画像がポップアップし続けるのかわかりません。問題が何であるかを正確に示すWebサイトは次のとおりです。
http://ultimatefinishdetailing.com/TiburonPictures.html
ウェブサイトのコードは次のとおりです。
HTML ページ ヘッド:
<link rel="stylesheet" type="text/css" href="files/shadowbox/shadowbox.css">
<script type="text/javascript" src="files/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
});
</script>
fotorama の HTML:
<script>
fotoramaDefaults = {
width: 700,
maxwidth: '100%',
ratio: 16/9,
allowfullscreen: true,
nav: 'thumbs'
}
</script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link href="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.css" rel="stylesheet">
<script src="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.js"></script>
<div class="fotorama">
<img src="images/IMG00242-20110527-17513.jpg">
<img src="images/IMG00248-20110527-17522.jpg">
</div>