将我的班级名称保留在活动的 nivoSlider 图像中答案

【问题标题】：keep my class name in active nivoSlider image将我的班级名称保留在活动的 nivoSlider 图像中
【发布时间】：2013-05-13 15:54:01
【问题描述】：

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

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

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

【问题讨论】：

凹凸。有人在吗？

标签： jquery nivo-slider

【解决方案1】：

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

【讨论】：

【解决方案2】：

您需要手动编辑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') +'"

【讨论】：

哇...自从这个问题过去了好几个月...我还没有在那个项目上使用 nivo，但会尝试在其他地方测试它以查看它是如何工作的。这在将来可能非常有用。我会让你知道我的成功（或失败）。谢谢！
我发现了这一点，因为我遇到了同样的问题（好吧，我想保留 name 属性，但它的工作方式相同），在我终于找到答案后，我想我会在这里分享它： p