Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.07.2021, 20:58
Новичок на форуме
Отправить личное сообщение для newdenchik Посмотреть профиль Найти все сообщения от newdenchik
 
Регистрация: 15.07.2021
Сообщений: 2

Fresco -Responsive Lightbox — инициализация из массивов
Доброго времени суток.
есть блок див. в нем ещё 2 блока: один для инициализации по клику, другой с данными (пока это просто имажисы).
по клику на блок для инициализации собираю данные по массивам
$(document).on('click','.gallery_Block',function(){	
  var imgSMsrc=[],imgSMalt=[],imgAll=$(this).closest('div.gallery').find('.fresco img'),imgAllL=$(imgAll).length;
  imgAll.each(function(){imgSMsrc.push($(this).attr('src'));imgSMalt.push($(this).attr('alt'));});
  // console.log(imgAllL);
  // console.log(imgSMsrc);
  // console.log(imgSMalt);
  // $.each(imgAll,function(index){
    // console.log('{url: \''+imgSMsrc[index]+'\', caption: \''+imgSMalt[index]+'\'},');
  // });


осталось проинициализировать Fresco по типу
Fresco.show([
	/******* но как подставить сюда данные из массивов не могу догнать. */
	/******* что-то типо этого: */
		{url: ''+imgSMsrc[0]+'', caption: ''+imgSMalt[0]+''},
		{url: ''+imgSMsrc[1]+'', caption: ''+imgSMalt[1]+''},
		{url: ''+imgSMsrc[2]+'', caption: ''+imgSMalt[2]+''},
		{url: ''+imgSMsrc[3]+'', caption: ''+imgSMalt[4]+''},
	/******* только не известно сколько их там */

	],);


Как правильно это реализовать? Спасибо...
Ответить с цитированием
  #2 (permalink)  
Старый 15.07.2021, 21:43
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,744

Fresco.show( 
   imgSMsrc.map ((s, i) => {return {url: ''+s, caption: ''+imgSMalt[i]}; } ) 
)
Ответить с цитированием
  #3 (permalink)  
Старый 15.07.2021, 22:27
Новичок на форуме
Отправить личное сообщение для newdenchik Посмотреть профиль Найти все сообщения от newdenchik
 
Регистрация: 15.07.2021
Сообщений: 2

то, что нужно
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск