Add alt atttibute to an image in javascript

Question

I need some help and guidence. Can someone help me add the alt attribute of an image in this code? I've tried this: slide.prepend($(imgLoaded).attr('class','imgLoaded','alt','Image').css('visibility','hidden')); but didn't work. Any ideas? Thank you

var slide = $('.cameraSlide:eq('+slideI+')',target);
    var slideNext = $('.cameraSlide:eq('+(slideI+1)+')',target).addClass('cameranext');
    if( vis != slideI+1 ) {
        slideNext.hide();
    }
    $('.cameraContent',fakeHover).fadeOut(600);
    $('.camera_caption',fakeHover).show();
    
    $('.camerarelative',slide).append($('> div ',elem).eq(slideI).find('> div.camera_effected'));

    $('.camera_target_content .cameraContent:eq('+slideI+')',wrap).append($('> div ',elem).eq(slideI).find('> div'));
    
    if(!$('.imgLoaded',slide).length){
        var imgUrl = allImg[slideI];
        var imgLoaded = new Image();
        imgLoaded.src = imgUrl +"?"+ new Date().getTime();
        slide.css('visibility','hidden');
        slide.prepend($(imgLoaded).attr('class','imgLoaded').css('visibility','hidden'));
        var wT, hT;
        if (!$(imgLoaded).get(0).complete || wT == '0' || hT == '0' || typeof wT === 'undefined' || wT === false || typeof hT === 'undefined' || hT === false) {
            $('.camera_loader',wrap).delay(500).fadeIn(400);
            imgLoaded.onload = function() {
                wT = imgLoaded.naturalWidth;
                hT = imgLoaded.naturalHeight;
                $(imgLoaded).attr('data-alignment',allAlign[slideI]).attr('data-portrait',allPor[slideI]);
                $(imgLoaded).attr('width',wT);
                $(imgLoaded).attr('height',hT);
                target.find('.cameraSlide_'+slideI).hide().css('visibility','visible');
                resizeImage();
                nextSlide(slideI+1);
            };
        }
    }

Answer 1

When setting attribute values, the attr method takes two arguments.

attr(name, value)

You are passing it four arguments ( attr(name, value, secondName, secondValue) ) which is wrong.

If you want to set two attributes, call it twice.

Answer 2

Wrap it with an object.

$(imgLoaded).attr({
    'class':'imgLoaded',
    alt:'Image'
}).css('visibility','hidden');

Ref: https://api.jquery.com/attr/