谁能帮我找出这个图库插件为何具有这种方式？

Question

我正在使用jQuery和一个名为Galleriffic的插件在正在开发的网站上显示一些图像和文本。 我只是调整了CSS（主要是大小和颜色）以适合我的页面，但是由于某些原因，为您单击的下一张图像显示的文本出现在当前文本下方，然后当旧文本淡出时，它会滑到顶部。

这是我的开发页面的链接 。

此外，主映像也不会出现在IE（8）中，兼容模式不会更改任何内容。 缩略图，标题和说明均会出现并按预期更改。 在Galleriffic的示例页面中，IE可以正常运行。 正如我上面提到的，我只调整了CSS的大小和颜色，所以这不应该以这种方式影响图像吧？

提前致谢。

Answer 1

当您单击图库中的下一张图片时，插件会在当前显示的图片之后的div中添加新的图片文本。 然后，该插件在当前图片文本上启动淡出动画，然后最终将其从DOM中删除。

因此，当当前的一个逐渐消失时，它会将新的一个保留在其下方，直到消失为止，从而产生捕捉效果。

您尝试做的事情很简单，不使用插件。 如果您愿意，我会帮助您编写此画廊效果的逻辑。

Answer 2

好的，实际上导致问题的原因是，您注释掉了样式表中的部分，使图像标题有点浮在水面：

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

因此，我发现将其改回原样可以使其按预期工作。 但这然后导致图像浮动在字幕上方。 我将通过在div＃gallary上设置float：来解决此问题。

div#gallery { float: right; }

然后，您可能只需要使用大小和边距来使它看起来再次好看。