highslide - highslide 画廊宽的第一张图像显示在较小的后续图像后面

Question

我正在从 MySQL 表中选择的一组随机图像中填充一个画廊（没有控件）。如果加载的第一个图像比所选集中的其他图像宽，则在所有幻灯片过渡期间都会显示其边缘。如果第一个图像是较小的图像之一，则所有图像（包括较宽的图像）都会正确过渡。

将背景设置为无并删除轮廓并不能解决问题。

如果第一张图片是画廊中最宽的，有没有办法避免看到第一张图片的边缘？

效果可见http://www.tbkd.org/MEX-Dev_2/indexz.php

Answer 1

您可以通过添加class="hidden-container"到 div 中的 div来解决此问题。 gallery-areahidden-container 类是在您的 highslide.css 文件中预定义的。

改变这个：

<div id="gallery-area" style="position:absolute; top:68px; left:245px; width: 240px; height: 180px; margin: 2px 2px 0px 10px; overflow: hidden;">
    <div>

对此：

<div id="gallery-area" style="position:absolute; top:68px; left:245px; width: 240px; height: 180px; margin: 2px 2px 0px 10px; overflow: hidden;">
    <div class="hidden-container">