Jquery - возникают проблемы при извлечении атрибута из изображения и применении к элементу

Question

Я делаю лайтбокс, я следовал инструкциям, чтобы продвинуться так далеко, и я так близко. У меня проблемы с этой строкой:

}).attr('src', 'imghref');

если я заменю «imghref» на «images / Watercolor.jpg», тогда он будет работать нормально, но я хочу, чтобы «imghref» был ссылкой, по которой пользователь нажимает.

Моя вторая проблема заключается в том, что если я заменю «imghref» на «images / Watercolor.jpg» (для целей тестирования), то когда я обновляю страницу, он автоматически загружает изображение, и я не нажимал на ссылку, но я хочу, чтобы изображение загружалось только тогда, когда пользователь нажимает на ссылку. ARRGGG !!!! * * 1006

    $(function (){
    $('a').click(function() { 
    var imghref = $(this).attr("href");
    loadImage();
    return false;
    });
});


$(function loadImage() {
    var img = new Image();
    $(img).load(function () {
        $(img).hide();
        $('#loader').removeClass('loading').append(img);
        $(img).fadeIn('slow');
    }).error(function () {

    }).attr('src', 'imghref');

});

Answer 1

Вы присваиваете фактический 'imghref' как текст, поскольку вы заключаете его в одинарные кавычки, а не содержимое переменной ..

сделай так

.attr('src', imghref)

Answer 2

Похоже, вы используете 'imghref' как строковую константу в loadImage ().Уберите кавычки, чтобы вместо них использовать значение переменной.

$('a').click(function() { 
    var imghref = $(this).attr("href");
    loadImage();
    return false;
});

$(function loadImage() {
    var img = new Image();
    $(img).load(function () {
        $(img).hide();
        $('#loader').removeClass('loading').append(img);
        $(img).fadeIn('slow');
    }).error(function () {

    }).attr('src', imghref);

});

Answer 3

Передайте переменную в функцию загрузки и используйте ее как переменную вместо строковой константы.Кроме того, убедитесь, что вы объявляете loadImage в глобальной области видимости или в той же области, в которой оно используется.