Quote from: danilocuculic at Oct 20, 2015, 04:35 PMQuote from: iusemodx at Oct 20, 2015, 01:58 PMAlthough I still think how you have it setup is OTT - you only need one Ditto call
Yeah - what's up with 6 calls, not understanding why are they needed?
I tried to set it up differenty, but no success.
It is supposed to be a carousel with 3 slides showing at the same time and each of the 3 slides is different. When scrolling left or right, the next set of 3 slides show again with each slide having a different and unique content (parent child).
Here my code:
TEMPLATE:
<div id="homeCarousel" class="chunk_carousel">[!Ditto? &parents=`2,3,4` &display=`1` &randomize=`1` &tpl=`chunk_carousel-layout` !]</div>
CHUNK: chunk_carousel
<div class="home_carousel_wrap">
<div class="home_carousel_inner">
<div class="home_carousel_list" id="homeCarousel">
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt="[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href="[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt="[*longtitle*]"
src="[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href="[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href="[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href="[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href=
"[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href=
"[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class=
"article-image-summary">
<a href=
"[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href=
"[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class=
"article-image-summary">
<a href=
"[~[+id+]~]"><img alt=
"[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href=
"[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class="well carousel">
<div class=
"article-image-summary">
<a href="[~[+id+]~]">
<img alt=
"[*longtitle*]"
src="[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href="[~[+id+]~]">
[+pagetitle+]</a>
</div>
</div>
<div class="single_slide">
<div class=
"well carousel">
<div class=
"article-image-summary">
<a href=
"[~[+id+]~]"><img alt="[*longtitle*]"
src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href=
"[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
<div class=
"single_slide">
<div class=
"well carousel">
<div class=
"article-image-summary">
<a href=
"[~[+id+]~]">
<img alt=
"[*longtitle*]"
src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href=
"[~[+id+]~]">
[+pagetitle+]</a>
</div>
</div>
<div class=
"single_slide">
<div class=
"well carousel">
<div class=
"article-image-summary">
<a href="[~[+id+]~]">
<img alt="[*longtitle*]"
src=
"[+tv_article-intro-image+]"></a>
</div>
<div class=
"title-article-carousel">
<a href="[~[+id+]~]">
[+pagetitle+]</a>
</div>
</div>
</div>
<div class=
"clearfix slider_ctrl">
<a class=
"pull-left slider_arrow arrow_left fa fa-chevron-left"
href="#" style=
"font-style: italic">
</a> <a class=
"pull-right slider_arrow arrow_right fa fa-chevron-right"
href="#" style=
"font-style: italic">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
CHUNK: chunk_carousel-layout
<div class="well carousel">
<div class="article-image-summary">
<a href="[~[+id+]~]"><img alt="[*longtitle*]" src=
"[+tv_article-intro-image+]"></a>
</div>
<div class="title-article-carousel">
<a href="[~[+id+]~]">[+pagetitle+]</a>
</div>
</div>
Hope someone can help to fix this... thanks on forehand...:)