jquery - 图像源更改时更改元素属性

时间:2014-03-31 18:00:13

标签: jquery nivo-slider

我正在使用与NextGen Gallery配合使用的Nivo Slider插件。我想要做的是获取图像源并在图像改变时重写URL。我目前有这个:

$(function() {
    var src = $('.nivo-main-image').attr('src');
    $("#social-buttons > #pinterest").attr('href', src);
});

它适用于页面加载,并获取首先出现的任何图像的来源,几乎完全符合我的需要。但是,每当幻灯片中的图像源发生变化时,我都需要它来更改href属性。我调查了.change(),但这只适用于各种输入。

任何人都可以帮忙解决这个问题,还是指出正确的方向?

2 个答案:

答案 0 :(得分:1)

尝试使用:

$(document).on('change', '.nivo-main-image', function () {
    var src = $(this).attr('src');
    $("#social-buttons > #pinterest").attr('href', src);
});

编辑,请参阅以下评论:

我在第209行的jquery.nivo.slider.js文件中添加了以下内容:

var src = $('.nivo-main-image').attr('src');
$("#social-buttons > #pinterest").attr('href', src);

现在效果很好。 (直到插件更新 )

答案 1 :(得分:0)

$('.nivo-main-image').attr('src').change(function(){
    var src = $('.nivo-main-image').attr('src');
    $("#social-buttons > #pinterest").attr('href', src);
})