Fotorama和Shadowbox无法正常协作

时间:2014-03-02 04:17:49

标签: jquery html image-gallery shadowbox fotorama

我在fotorama画廊下面为我的照片操作了shadowbox,它运行得很好。但是,当我点击fotorama图库上的任何按钮时,它会立即显示图像的阴影框。我无法弄清楚为什么它一直弹出一个影子盒图像,当我想做的就是改变到另一个fotorama pic。这是一个准确显示问题所在的网站:

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>

照片的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>

1 个答案:

答案 0 :(得分:0)

这是其中一个影子图片上的链接问题。我删除了一个HTML图片链接并创建了一个新链接。固定!如果你有同样的问题。删除所有图片链接以确保它实际上是链接本身。然后,它的消除过程。