0

我正在尝试在现有站点上使用 nivoSlider（jQuery 插件）...并且我使用一个类来帮助设置幻灯片中图像的样式。例如，我的图像列表将包含多个类，如下所示：

<img class="active rounded" src="...

我的 nivoSlider 工作正常，我的第一张图片以类名“active”开头，如图所示……幻灯片中的所有图片都包含“rounded”类。看起来，随着 jQuery 推进幻灯片的图像，它（显然）将“活动”类应用于图像以使其显示出来。问题是（在我看来）当应用这个“活动”类时，我现有的“圆角”类被删除了......所以我有方角，而不是漂亮的圆角。有谁知道在 nivoSlider 中是否有某个地方我可以指定“活动”图像也应该具有/维护“圆形”类？

4

2 回答 2

0

一直没有找到答案。继续并关闭它，因为我已经转到另一个画廊脚本。

于 2013-01-03T21:57:10.677 回答
0

您需要手动编辑 nivo-slider js 文件并找到

sliderImg.attr('src', vars.currentImage.attr('src'))...

并在每一行中添加它后面的下一个片段，如上所示

.attr('class', vars.currentImage.attr('class'))

所以结果变成了这样：

sliderImg.attr('src', vars.currentImage.attr('src')).attr('class', vars.currentImage.attr('class'))...

然后你需要扫描文件

slider.append(
    $('<div class="nivo-box" name="'+ cols +'" rel="'+ rows +'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block; top:-'+ (boxHeight*rows) +'px; left:-'+ (boxWidth*cols) +'px;" /></div>').css({ 
        opacity:0,
        left:(boxWidth*cols)+'px', 
        top:(boxHeight*rows)+'px',
        width:(slider.width()-(boxWidth*cols))+'px'

    })
);

或类似的。您需要确保相同的重要部分是

<img src="'+ vars.currentImage.attr('src') +'"

在该部分后面您需要添加：

 class="'+ vars.currentImage.attr('class') +'"
于 2013-05-13T07:54:01.707 回答