任何人都可以帮我找出为什么这个画廊插件是这样的行为？

我正在使用jQuery和一个名为Galleriffic的插件在我正在开发的网站上显示一些图像和文本。我只调整了CSS（大小和颜色）以适合我的页面，但出于某种原因，为您单击的下一个图像显示的文本显示在当前文本下方，然后当旧文本消失时，它会滑动到顶部。任何人都可以帮我找出为什么这个画廊插件是这样的行为？

Here is a link to my dev page。

此外，主要图像不会出现在IE（8）中，兼容模式不会改变任何东西。缩略图，标题和说明全部出现并按预期进行更改。在Galleriffic的示例页面中，IE的功能很好。正如我上面提到的，我只调整了CSS的大小和颜色，所以这不应该影响图像这样的权利？

在先进的感谢。

来源

2010-10-15 Anders

确定这actualy导致问题的事情是，你注释掉在样式表，使图像的标题有点漂浮留顶端部分的事实：

span.image-caption { 
    display: block; 
    /*position: absolute; 
    width: 100px; 
    top: 0; 
    left: 0;*/ 
}

因此改变这一回，我发现使其看起来像预期的那样工作。但是，这会导致图像漂浮在左侧的标题上。这我会通过设置浮动：权利在div＃gallary。

div#gallery { float: right; }

然后，你可能会想要玩大小和边距，使它看起来很好。

来源

2010-10-15 22:32:44 joshuafreelance

取消注释此部分使标题棒到页面的左上角。我必须安排不同的事情。 – Anders 2010-10-15 23:53:34

设置“span.image-caption position：relative”将使其浮动到“div＃标题”的顶部和左侧。重要的部分是让“span.image-caption”左右浮动，这样新的标题可以覆盖当前标题，而不会卡在其下方，从而在动画之后删除当前标题时引发快照操作。 – joshuafreelance 2010-10-16 16:38:29

当您点击图库中的下一张图片时，插件会在当前显示的图片后面添加新图片文字。该插件然后在当前的图片文本上开始淡出动画，然后最终从DOM中删除它。

因此当目前的一个淡出时，它会将新的一个保持在它下面，直到它消失，引起这个快照效果。

你想做的事很简单，不要使用插件。如果你愿意，我会帮你写出这个画廊效应的逻辑。

来源

2010-10-15 21:58:36 joshuafreelance

我真的很感激，让我知道。 – Anders 2010-10-15 22:00:38

[email protected] – joshuafreelance 2010-10-15 22:01:41

发送邮件，收到'收件人地址被拒绝：虚拟别名表中的用户未知' – Anders 2010-10-15 22:06:45

任何人都可以帮我找出为什么这个画廊插件是这样的行为？

回答

相关问题