Как подгружать картинки в слайдер с помощью jquery?

Question

[Katsuro]

Ребят, всем привет))
Такая ситуация. Есть несколько картинок товаров . Эти картинки сделаны ссылками. При клике на каждый товар, открывается попап с описание каждого товара, у каждого товара свое описание. Это момент я решил с помощью data-атрибутов, указываю каждому товару и подгружаю текс в попап с помощью jquery. Но в попапе есть еще слайдер, и мне нужно подгружать в него разные картинки (их количество может быть разным), при клике по определенному товару. Подскажите пожалуйста, как можно реализовать ? Использую слайдер Slick .

Answer 1

[Евгений]

Так же используйте дата атрибуты
data-images: [{путь к файлу, путь к файлу, путь к файлу}]

Comments

[Katsuro]

<?php
	$data = array(
		 'slider' => get_field('slider-tovar',$tovar->ID), это фото для слайдера 
		  'composition' => get_field('the-tovar',$tovar->ID),
		  'size' => get_field('size-tovar',$tovar->ID),
		  'manufacturer' => get_field('manufacturer-tovar',$tovar->ID), 
		  'term' => get_field('term-tovar',$tovar->ID),
		   'color' => get_field('color-tovar',$tovar->ID),
		  'density' => get_field('density-tovar',$tovar->ID),
		  'text' => strip_tags( get_field('text-tovar',$tovar->ID)),
		  'price' => get_field('price-tovar',$tovar->ID) 
		 ); 
		?> я wordpress я взял данные

var data = $(this).attr('data-properties');
      var redyObject = JSON.parse(data);
      // $('.card-box-container-photo-slider').find('.slick-list').find('.slick-track').html(' ');
       
      redyObject.slider.map(function(name) {
        $('.slider-url').prepend().attr('src', name.url );
        // $('.card-box-container-photo-slider').find('.slick-list').find('.slick-track').prepend('<img src="'+name.url+'" alt="">');
      });

вот так я передавал , если передавать через appened то он просто добавляет фото , но слайдер не работает , там несколько фото надо вывести их всех , через атрибут выводиться только один