jcarousel is not scrolling through images

i have a jcarousel gallery of images

but the jcarousel is not working at all it's not scrolling through images at all

this is my code :

<ul id="mycarousel" class="jcarousel-skin-tango"> <?php foreach ($images as $image_item) : ?> <li><img src="<?php echo $image_item['Path']; ?>"/></li> <?php endforeach; ?> </ul>

and this is my css :

.jcarousel-skin-tango .jcarousel-container { width:500px; height:250px; background: none; border: none; } .jcarousel-skin-tango .jcarousel-container-horizontal { height:250px; padding: 20px 40px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 500px; height: 250px; } .jcarousel-skin-tango .jcarousel-item { width: 500px; height: 250px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; }

and there is my js :

$(document).ready(function(){ $('#mycarousel').jcarousel({wrap:'circular'}); });

--------------Solutions-------------

Your code is almost correct — you just need to add "auto: 1" (or some other non-zero number of seconds) and it'll start auto-scrolling. If you don't want auto-scroll, you need to specify the "buttonNextHTML" and "buttonPrevHTML" parameters to get buttons.

Category:php Time:2011-03-27 Views:1

Related post

  • Jquery, Jcarousel smooth infinite scrolling 2010-03-14

    I am using jcarousel to auto scroll some images. I would like to know how to make them scroll in one fluid scroll with no pauses or stops. Currently there is a pause and then it scrolls again. If I am not making myself clear then ask and I will try t

  • jQuery Jcarousel stopped continuous scroll 2012-04-13

    Hello: Thank you for looking at this and helping if you can! The Jcarousel on the home page did a continuous scroll until I updated to the latest Wordpress version. Then it stopped. The left, right buttons stopped working as well. Here's the website:

  • how to change the number of scroll when click next/prev button in JCAROUSEL 2011-08-07

    my scroll option is set to "1" and wrap to 'circurlar' but when i change the scroll option in the next/prev button to 4 automatically the carousel scroll to 4 how do i make it not adopt the set value on next/prev button HERES MY CODE: $('#news-carous

  • jQuery - jCarousel - FadeIn 2009-08-14

    I am using the plugin jCarousel (http://sorgalla.com/projects/jcarousel/) and rather than the images slide in (like in the "Carousel with autoscrolling" demo) I would like the images to fade in. The usage is a jCarousel that auto scrolls and only sho

  • jcarousel doesn't work properly in Chrome 2010-01-04

    in my code i am creating a ul li for the jcarousel ie its a list of data(ex. list of photo) when the photo count is more than say 4 , the jcarousel enables horizontal scrolling so as to see next 4 photos . PROBLEM: is when i run the code in chrome th

  • jCarousel Infinite Loop - no width or height set 2010-08-05

    I've setup jcarousel to dynamically load elements as they disappear and then have them reappear now it's given me an error saying: "No width/height set for items." I've tried the hack described here: http://old.nabble.com/jCarousel:-No-width-height-s

  • jcarousel: resize window moves carousel out of view 2010-10-12

    I'm having an issue with the jquery plugin jcarousel which causes the carousel area to be moved when the browser is resized. This happens when the carousel is set to "circular" and has already gone through each item. The container of the carousel has

  • Simple vertical jcarousel not working 2010-11-09

    I'm trying to reproduce the vertical jcarousel example show by the author in this page: http://sorgalla.com/projects/jcarousel/examples/static_vertical.html here is my html code: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="serv

  • jcarousel circular mode, variable starting position 2010-11-13

    I have a problem with setting a starting position, that depends on the class of item that has been clicked. I have two lists: 1) List of previews with classes in -tags (class="1", class="2"...); 2) jcarousel list of the same items. Second list is hid

  • Avoid page scrolling on loading ajax content 2010-11-15

    I have a div for displaying images placed at the center of a page, and below that div i've added slider displaying image thumbnails using jcarousel, clicking on thumbnail images from the slider displays the bigger image inside a div positioned just a

  • Using jCarousel with jQuery templates 2011-01-05

    I am attempting to use jcarousel in conjunction with templates. When the images are directly in the page the carousel it works perfectly, but I'm trying to make the images dynamic (not knowing which ones will load when the page loads) by using templa

  • Links to sites, web pages that have a specific type of jcarousel 2011-02-04

    I am making a website that will show night club revelers events and night establishments in a big city. Events could number in the hundreds. I need a jcarousel model to be able to do this. I would like to have 10 events show on one page in a list for

  • Get the visible elements in a jquery.jcarousel 2011-05-12

    I'm building a JavaScript carousel and I need to extract the URL's of the links shown on every change of the carousel. I'm using jQuery jCarousel as it allows the developer to bind different handlers to change events. The carousel should display 4 it

  • Jcarousel how to set start point 2011-05-31

    I am currenty using Jcarousel with a light box plugin. I have some thumbnails and when each one is clicked a light box pops up with the larger version of thumbnail in it, also i have in that light box the ability to click left or right to rotate thro

  • how to get the index number of jcarousel items in a circular carousel 2011-08-02

    I am trying to build a user interface using jcarousel. The carousel needs to be able to move indefinitely in either direction, so have configured it using wrap:circular. When a carousel li item is clicked, its corresponding larger image needs to disp

  • jCarousel, Counter, how? 2011-09-01

    Im using this plugin: http://sorgalla.com/projects/jcarousel/ I want there do be a counter that can display: 1 of 4 When clicking the next button, it should say: 2 of 4 and so on... The script is the default initialization: <script type="text/java

  • Can vertical scrolling with ul and li be done via jQuery? 2011-09-19

    Example : http://www.net-a-porter.com/product/163606 So far my code: <style type="text/css"> li {float:left;height:50px} </style> <div style="height:100px"> <a href="#" class="top">up</a> <ul> <li>Product 1

  • Dynamically Setting Configuration Settings in jCarousel 2011-12-09

    I'm using the jCarousel script (http://sorgalla.com/jcarousel/) and I'm wondering if anyone knows of a way to dynamically set specific configuration settings based on how many items are in the carousel? For example, I'd like this to happen if there a

  • Jcarousel loading time issue on Safari/Chrome 2012-01-26

    I am facing a serious loading time issue with jcarousel on Chrome and Safari. On Firefox the page loads in under 1 second, in Chrome and Safari it is taking up to 10 seconds. The carousel is being displayed on a homepage that has many tabs. On Chrome

Copyright (C) pcaskme.com, All Rights Reserved.

processed in 0.324 (s). 13 q(s)