Results 1 to 3 of 3

Thread: I need help with jcarousel

  1. #1
    Join Date
    Jul 2011
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default I need help with jcarousel

    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:

    Code:
    <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?
    Last edited by jscheuer1; 10-17-2011 at 12:42 AM. Reason: formatting

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2011
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    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 ?
    Last edited by jscheuer1; 10-20-2011 at 02:40 PM. Reason: format

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •