<div id="homeCarousel" class="home_carousel_list"> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div>
This question has been answered by iusemodx. See the first response.
<div id="homeCarousel" class="home_carousel_list"> [[Ditto? &parents=`14` &display=`12` &randomize=`1` &orderBy=`pagetitle ASC` &tpl=`carouselitem`]] </div>
<div class="single_slide">[+content+]</div>
I don't know much about Ditto, but perhaps a single snippet to populate the slides would do a more efficient job. If you can post your LAYOUT template I can put something together for you to try.
<div class="well carousel"> <div class="image"> <a href="[~[+id+]~]"><img alt="[*longtitle*]" src= "[+tv_image+]"></a> </div> <div class="title"> <a href="[~[+id+]~]">[+pagetitle+]</a> </div> </div>
may or may not be a stupid question:
Why don't you use the display property and set a template chunk ?
My page is cached and the Ditto call is uncached.
I think my code already has the display, randomize and template chunk properties included.
<div id="homeCarousel" class="home_carousel_list"> <!-- Slide 1 --> <div class="single_slide"> <div class="well carousel"> <div class="image"><a href="#"><img alt="" src=""></a></div> <div class="title"><a href="#">[+pagetitle+]</a></div> </div> </div> <!-- / Slide 1 --> <!-- Slide 2 --> <div class="single_slide"> <div class="well carousel"> <div class="image"><a href="#"><img alt="" src=""></a></div> <div class="title"><a href="#">[+pagetitle+]</a></div> </div> </div> <!-- / Slide 2 --> <!-- Slide 3 --> <div class="single_slide"> <div class="well carousel"> <div class="image"><a href="#"><img alt="" src=""></a></div> <div class="title"><a href="#">[+pagetitle+]</a></div> </div> </div> <!-- / Slide 3 --> </div>
<ul> <li><a href="#"> <figure><img src="images/alias.jpg" alt="Pagetitle"> <figcaption>Longtitle</figcaption> </figure> </a></li> <li><a href="#"> <figure><img src="images/alias.jpg" alt="Pagetitle"> <figcaption>Longtitle</figcaption> </figure> </a></li> <li><a href="#"> <figure><img src="images/alias.jpg" alt="Pagetitle"> <figcaption>Longtitle</figcaption> </figure> </a></li> <li><a href="#"> <figure><img src="images/alias.jpg" alt="Pagetitle"> <figcaption>Longtitle</figcaption> </figure> </a></li> </ul>
<ul> [!Ditto? &parents=`11,12` &tpl=`RandomItem` &depth=`0` &hideFolders=`1` &display=`12` &orderBy=`pub_date DESC` &showPublishedOnly=`1` &randomize=`1`!] </ul>
<li><a href="[~[+id+]~]"> <figure><img src="images/[+alias+].jpg" alt="[+pagetitle+]"> <figcaption>[+longtitle+]</figcaption> </figure> </a></li>
<div id="homeCarousel" class="home_carousel_list"> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div> <div class="single_slide"> [!Ditto? &parents=`14` &display=`1` &randomize=`1` &tpl=`LAYOUT` !] </div>
<div class="well carousel"> <div class="image"> <a href="[~[+id+]~]"><img alt="[*longtitle*]" src= "[+tv_image+]"></a> </div> <div class="title"> <a href="[~[+id+]~]">[+pagetitle+]</a> </div> </div>