Как добавить alt в плагине ddslick?

Question

[SergioMarquinha]

Здравствуйте, как добавить атрибут alt к изображению? Не выводит. В документации нет ничего про это

var ddData = [
{
	text: "RAL 1014",
	value: 1,
	selected: false,
	imageSrc: "<?=SITE_TEMPLATE_PATH?>/images/ral-color/ral-1014.png",
	alt: "test"
},

. . .

$('#colorDropdown').ddslick({
	data: ddData,
	// width: 300,
	background:'#fff',
	imagePosition: "left",
	selectText: "Выбрать цвет",
	onSelected: function (data) {
		$('#form-popup-catalog input[name="color-product"]').val(data.selectedData.text);
		$('.ral-colors').css('display','block');
		$('.ral-colors .ral-color-product').html(data.selectedData.text+'<img src="'+data.selectedData.imageSrc+'" alt="'+data.selectedData.alt+'">');
	}
});

Answer 1

[Михаил Р.]

Попробуйте так:

document.addEventListener('DOMContentLoaded', () => {
    $('#colorDropdown').ddslick({
        data: ddData,
        background: '#fff',
        imagePosition: "left",
        selectText: "Выбрать цвет",
        onSelected: (data) => {
            const colorInput = $('#form-popup-catalog input[name="color-product"]');
            const ralColors = $('.ral-colors');
            const ralColorProduct = $('.ral-colors .ral-color-product');

            colorInput.val(data?.selectedData?.text);
            ralColors.css('display', 'block');
            
            const imgHtml = `<img src="${data?.selectedData?.imageSrc}" alt="${data?.selectedData?.alt}">`;
            
            ralColorProduct.empty().html(`${data?.selectedData?.text}${imgHtml}`);
        }
    });
});