Question

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

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

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

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

看到

Answer 1

您可以通过将class="hidden-container"添加到gallery-area div中的div来解决此问题。隐藏容器类是在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">

highslide gallery wide first image显示较小的后续图像

1 个答案: