jcarousel

I have built a responsive carousel using the excellent caroufredsel , and the items should always scroll one at a time and with fluid animation. Currently, on page load (or refresh) the items are scrolling correctly (one at a time), but after re-sizing the browser window, pressing next starts to skip over 2 or more items. If you then refresh it fixes the problem until the next change of screen width. Also, the animation is only working when the screen is at its smallest possible width (1 item visible at a time) and it never works when 2 or more items are visible at the same time. Site can be

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-set-for-items.-td13913308s27240.html and it caused firefox to crash (probably because it's looping constantly) any ideas? You need to set an explicit height on the .jcarousel-clip container ThmHarsh jQuery('#mycarousel').jcarousel( { auto : 2, scroll : 1, wrap : 'last', initCallback : mycarousel_initCallback, itemFallbackDimension: 300 }); So ignore

I am attempting to get the index of the current item in a JCarousel so that I can display the current position within the Carousel to the user. For example, '13/20'. How can I do this? EDIT: Sample of the end product: I think what you are looking for is carousel.first, which will give you the index of the first visible element (there is also carousel.last to show the last visible element). Here is an example of it's use, based on the simple carousel example with the addition of the carousel.first variable and itemLoadCallback event: <script type="text/javascript"> $(document).ready(function()

I am trying to stop the animation of my jcarouselled item when the user is hovering over a particular item. I am scrolling non-image content and I want to give user an opportunity to read the scrolled text. How to do it? It is not even mentioned on the documentation. Try this modified jCarosel Lite script http://www.webdesignbooth.com/demo/news-ticker/jcarousellite_1.0.1c4.js Your Modified jCarosel Lite script helped me to solve my problem also. Thanks Starx. But I was not finding the way how to use the Command as I am learner yet. later I got that, I used on two slider on a page. They are:

I'm working on a site, where we get information from an XML-file. It work great, but now I need to make a slider of the content. To do this, I will use jCarousel that claims they can do it with Dynamicly loaded content, by calling a callback function. I can't, however, make the initial ajax load, when I call a function on success. What am I doing wrong? $(document).ready(function() { $.ajax({ type: "GET", //Url to the XML-file url: "data_flash_0303.xml", dataType: "xml", success: hulabula() }); function hulabula(xml) { $(xml).find('top').each(function() { var headline = $(this).find('headline1

jCarousel documentation states the following: By passing the callback function itemLoadCallback as configuration option, you are able to dynamically create (li) items for the content. {...} jCarousel contains a convenience method add() that can be passed the index of the item to create and the innerHTML string of the item to be created. My Question: Is it possible to remove all items and rebind to a new collection? BTW: I don't necessarily need a "convenience method" to do this. I'm very open to workarounds. FYI: This strategy doesn't seem to work. You can do this but you need to keep a