Hi,
I am trying the Jquery FeaturedContentSlider
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ with Ditto.
As I want a horizontal "menu" my first call is
<div class="slider-wrap">
<div id="content-top">
<div id="movers-row"><ul>[!Ditto? &startID=`2`&tpl=`slidemenu`!]</ul></div></div>
Where the tpl is
<li><a href="#[+introtext+]]" class="cross-link">[+title+]</a></li>
As the menu uses a number followed by a squarebracket I use the introtext to fill out a unique number, should probably use the doc id there.
Second call is
[!Ditto? &startID=`2`&tpl=`dittoslide`!]
where the tpl is
<div id="content-bottom">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel [+introtext+]">
<div class="wrapper">
<h1>[+title+]</h1>
<p><em>[+longtitle+]</em></p>
<p>[+content+]</p>
</div>
</div>
The menu is build the way is shows in the original, also the HTML output seems okay:
<div id="content">
<div class="slider-wrap">
<div id="content-top">
<div id="movers-row"><ul><li><a href="#9]" class="cross-link">middag</a></li>
<li><a href="#8]" class="cross-link">ochtend</a></li>
</ul></div></div>
<div id="content-bottom">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel 9]">
<div class="wrapper">
<h1>middag</h1>
<p><em></em></p>
<p><p>13.00 uur de oudste kinderen gaan slapen</p>
<p>14.30 uur kinderen komen uit bed, er volgt een toiletronde en na het aankleden gaan we richting school</p>
<p>15.15 uur we drinken sap, eten fruit en eten een koekje</p>
<p>15.45 uur er is tijd voor vrij spel, kinderen kunnen kiezen uit een spelletje uit de kast, er kan buiten gespeeld worden enz.</p>
<p>17.00 – 18.00 uur kinderen worden opgehaald</p>
<p>De allerkleinsten volgen een ander dagritme. Hierbij wordt zoveel mogelijk rekening gehouden met ritme van thuis.</p></p>
</div>
</div>
<div id="content-bottom">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel 8]">
<div class="wrapper">
<h1>ochtend</h1>
<p><em></em></p>
<p><p>9.00 uur – 10.00 uur vrij spel</p>
<p>Samen opruimen en daarna aan tafel</p>
<p>10.00 uur fruit eten en wat drinken. Er wordt voorgelezen, we zingen liedjes enz</p>
<p>Na het fruit eten volgt de toiletronde</p>
<p>10.30 uur we gaan naar buiten / er wordt geknutseld of we gaan een uitstapje maken</p>
<p>12.00 uur aan tafel, we gaan brood eten. Soms eten we een tosti of bakken we pannenkoeken</p>
<p> </p></p>
</div>
</div>
</div>
</div>
Still the thing does not work, At first I put the whole thing in a chunkm so static, and that worked.
What could be the problem here? Is it that it cant be dynamic?
☆ A M B ☆