Jade: множественные вложенные аргументы REST для создания изображения carouel

Question

Я пытаюсь создать карусель изображений, где основные изображения «маленькие», каждая из которых связана с «большими» версиями. Мой код до сих пор:

mixin carouselImages(title, subtitle, ...imagesLG, ...imagesSM) 
p.text-center: small!= title 
    .footnote.text-center!= subtitle 
.owl-carousel.chocolat-parent(data-chocolat-title=title) 
    each img in imagesLG 
     a.chocolat-image(href=img) 
     each img in imagesSM 
      img(src=img) 

И когда я называю подмешать я использую:

+carouselImages(
    "Carousel Title", 
    "Carousel Subtitle", 
    "http://www.linktosmallimage.com", "http://www.linktoLARGEimage.com", 
    "http://www.linktosmallimage.com", "http://www.linktoLARGEimage.com", 
    "http://www.linktosmallimage.com", "http://www.linktoLARGEimage.com" 
    ) 

Ожидаемый результат будет, что HREF ссылки на большое изображение, точки IMG SRC в небольшое изображение.

Я пробовал различные отступы и гнездование, но ничего, похоже, не работает и не компилируется.

Любые мысли были бы очень благодарны!

Answer 1

Выяснил это. Измененный подмешать к:

mixin carouselImages(title, subtitle, ...images) 
p.text-center: small!= title 
    .footnote.text-center!= subtitle 
.owl-carousel.chocolat-parent(data-chocolat-title=title) 
    each img in images 
     a.chocolat-image(href=img.LG) 
      img(src=img.SM) 

И Mixin вызов:

+carouselImages(
"Carousel Title", 
"Carousel Subtitle", 
{SM: "http://www.linktosmallimage.com", LG: "http://www.linktoLARGEimage.com"}, 
{SM: "http://www.linktosmallimage.com", LG: "http://www.linktoLARGEimage.com"}, 
{SM: "http://www.linktosmallimage.com", LG: "http://www.linktoLARGEimage.com"}, 
) 

теперь работает идеально.