We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 25483
    • 741 Posts
    ronaldlokers Reply #1, 18 years ago
    I want to rotate a div with content from documents that have been choosen with a multi-select TV.

    What I already have build is a ditto code that randomly picks a document and uses this chunk:

    <div class="custom-rechts-blok2 span-5 last">[+carrousel-foto+]</div>
    				<div class="custom-rechts-blok3 span-5 last"><div class="custom-rechts-blok3-inner"><h2><a href="[~[+id+]~]" title="[+title+]">[+title+]</a></h2>
    				[+summary+]</div> 
    			</div>


    How can I use ditto or something else to "rotate" between the documents instead of changing it every document reload?
    I want to be able to show another document every 2-4 seconds.
      with regards,

      Ronald Lokers
      'Front-end developer' @ h2o Media

      • 25483
      • 741 Posts
      ronaldlokers Reply #2, 18 years ago
      I did solve my problem!

      I did find the solution with the use of jquery + jCarousel Lite plugin that can be found on jQuery.com
      Just builded the code into the template and modified ditto to output a UL list with the code I mentioned above inside it. It works like a charm smiley

        with regards,

        Ronald Lokers
        'Front-end developer' @ h2o Media

        • 33982 ☆ A M B ☆
        • 476 Posts
        That’s cool...think you could put the code up here for someone in the future that may come across this thread...someone that sucks at Jquery (like me)?
          Precision Web Development ... SmashStack.com
          • 25483
          • 741 Posts
          ronaldlokers Reply #4, 18 years ago
          I suck at jQuery too! This is my first time ever and I think I will dive into jQuery for more projects!!

          You can find a good explanation @ http://www.gmarwaha.com/jquery/jcarousellite/
          Basicly you create a UL list, style it with css (give it a height and width). Put 2 js calls in the head of the site and put a little js code under the list.
          Just take a look at the above site and you could do the same like I did smiley
            with regards,

            Ronald Lokers
            'Front-end developer' @ h2o Media