图像旋转木马中的图像未被转换为正确的尺寸

Question

在图像轮播中的图像周围添加锚标记时（使用“carouFredSel”6.2 jQuery库），图像无法正确转换为正确的尺寸。删除锚标记时，图像将转换为正确的尺寸并按预期工作。 CSS也已更改，因此应用于图像的所有样式现在都应用于锚标记，但问题仍未解决。

为了证明这个问题，我在JSFiddle上重现了这个问题以及另一个小提琴的预期结果。使用的实际Javascript代码从第19行开始。

Actual result

Expected result

值得注意的是，我已更改此代码段：

#carousel img {
display: block;
float: left;
border: none;
position: relative;
}

到

#carousel a {
display: block;
float: left;
border: none;
position: relative;
}

将样式应用于锚标记而不是图像，这反映在JSFiddle的代码中。

Answer 1

你问题是在js中将css应用于而不是img。 部分解决，很遗憾我现在没有足够的时间，但你可以从here开始 我添加.children()以获得img intead of a

Answer 2

在实际结果jsfiddle中，我改变了

#carousel a, img {
        display: block;
        float: left;
        border: none;
        position: relative;
    }

为：

#carousel a, #carousel img {
        display: block;
        float: left;
        border: none;
        position: relative;
    }

这就是你所看到的输出，请运行并查看。