I need help with jcarousel

[mavtrevor]

plz i am making a website and i will like to use the jcarousel effect on whatsapp.com/ so i viewed the source and got something like this:

<div class="iconList">
        <ul class="carousel">
          <li id="d1">
            <section>
              <div class="icon img-icon-multiplatform"></div>
              <div class="text">
                <header>
                  <h4>Multiplatform</h4>
                </header>
                <p>iPhone, Android, BlackBerry, Nokia</p>
              </div>
            </section>
          </li>
          <li id="d2">
            <section>
              <div class="icon img-icon-group-chat"></div>
              <div class="text">
                <header>
                  <h4>Group Chat</h4>
                </header>
                <p>Because one-on-one chat is so last year :)</p>
              </div>
            </section>
          </li>
          <li id="d3">
            <section>
              <div class="icon img-icon-notifications"></div>
              <div class="text">
                <header>
                  <h4>Push Notifications</h4>
                </header>
                <p>Never miss a beat if the app is not running!</p>
              </div>
            </section>
          </li>
          <li id="d4">
            <section>
              <div class="icon img-icon-free"></div>
              <div class="text">
                <header>
                  <h4>Free Text &amp; MMS</h4>
                </header>
                <p>Send text, video, images, audio for free</p>
              </div>
            </section>
          </li>
          <li id="d5">
            <section>
              <div class="icon img-icon-contacts"></div>
              <div class="text">
                <header>
                  <h4>Instant Contacts</h4>
                </header>
                <p>Chat with friends in your address book right away</p>
              </div>
            </section>
          </li>
          <li id="d6">
            <section>
              <div class="icon img-icon-offline"></div>
              <div class="text">
                <header>
                  <h4>Offline messages</h4>
                </header>
                <p>Guaranteed delivery when you come online</p>
              </div>
            </section>
          </li>
          <li id="d7">
            <section>
              <div class="icon img-icon-backgrounds"></div>
              <div class="text">
                <header>
                  <h4>Chat Backgrounds</h4>
                </header>
                <p>Choose from our set or even your photo gallery</p>
              </div>
            </section>
          </li>
          <li id="d8">
            <section>
              <div class="icon img-icon-status"></div>
              <div class="text">
                <header>
                  <h4>Custom Status</h4>
                </header>
                <p>Tell everyone what's on your mind!</p>
              </div>
            </section>
          </li>
        </ul>
        <div class="controls jcarousel-control">
          <ul>
            <li id="cd1" class="active"><a href="" rel="1"></a></li>
            <li id="cd5"><a href="" rel="5"></a></li>
          </ul>
        </div>
      </div>

yet when i tried integrating it into my site the effect wont work, plz what am i doing wrong? can anyone help me with the jcarousel code that i can use?

[jscheuer1]

Please post a link to a page on your site that contains the problematic code so we can check it out.

[mavtrevor]

the site is still under construction/ design i haven't uploaded yet so you cant see it, plz can you help me with a jcarousel script that can create such effect like the one one whatsapp.com or mtnonline.com ?