javascript - 图像轮播中未将图像转换为正确尺寸

Question

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

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

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

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

至

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

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

score 2 · Accepted Answer

你的问题是在 js 中它在 a 而不是 img 上应用 css。部分解决，不幸的是我现在没有足够的时间，但你可以从这里开始我添加.children() 到 img 而不是一个

score 0 · Accepted Answer

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

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

至：

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

这就是你正在寻找的输出，请运行并查看。

2 回答 2