jCarousel 0.2.2
Posted in Javascript by Jan on November 7, 2007 at 21:07h 15 Responses to 'jCarousel 0.2.2'
Leave a Reply
Do not post support requests for jCarousel here. If you need help for a problem:
- Create a page where i can see your carousel in action
- Post it to the jQuery Mailinglist (Add the word "jCarousel" to the subject, so i can filter out mails regarding jCarousel).
hi, i have a problem, i took the code from special_circular.html then added a modified code from static_controls.html and it works but i want the buttons be the images itself, and thats not working, i think it’s because the image links are being loaded dynamically.
this is my testing code:
———-head—————
var numero = 10;
function cuenta(idx)
{
while (idx>numero)
{
idx=idx-numero;
}
while (idx <= 0)
{
idx=numero+idx;
}
return idx;
};
function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
idx = cuenta(idx);
display2(’madre’, idx);
}
function mycarousel_initCallback(carousel) {
jQuery(’#fak_next’).bind(’click’, function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr(”name”)));
return false;
});
};
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
// The index() method calculates the index from a
// given index who is out of the actual item range.
var idx = carousel.index(i, mycarousel_itemList.length);
carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
carousel.remove(i);
};
/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item)
{
return ‘‘;
};
jQuery(document).ready(function() {
jQuery(’#mycarousel’).jcarousel({
initCallback: mycarousel_initCallback,
scroll: 1,
itemFirstInCallback: mycarousel_itemFirstInCallback,
wrap: ‘circular’,
itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
});
});
——————
—body————————
var mycarousel_itemList = [
{url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', name: '1'},
{url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', name: '2'},
{url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', name: '3'},
{url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', name: '4'},
{url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', name: '5'},
{url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', name: '6'},
{url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', name: '7'},
{url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', name: '8'},
{url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', name: '9'},
{url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', name: '10'}
];
function display2(elTag, nn) {
var out;
if (nn == 1)
{
out = ““;
}
if (nn == 2)
{
out = ““;
}
if (nn == 3)
{
out = ““;
}
document.getElementById(elTag).innerHTML = out;
}
 
—————————-
so what’s the workaround? or is it possible to not load images dynamically (that way it works but it’s needed for circular wrap)
I am trying to display a vertical jCarousel of DIVs containing text, but when I create the jCarousel, it resizes all of the LIs containing the DIVs to some odd smaller size (making the carousel look horrible, with each DIV crammed into and atop of one another).
I have tried countering this by doing CSS with .jcarousel-clip-vertical’s height being set to 500, but that only fixes the vertical spacing issue.
The other issue that appears is that all of my DIVs are simply clipped on the right-hand side (I tried switching to the horizontal layout and the clipping occurs still, but on the bottom instead of the right).
Is there anything I can do to fix this?! I have been trying for days with no luck.
I’ve added a feature to jCarousel to display how many “pages” there are and on wich page we are. You can view an working examble on http://www.renmenbi.com. Would be nice to have that implemented in the next release and I’m sure you can do it better than me (I’m a php programmer, not a js one).
Hello. Can you please explain to me why when I have more than 3 items in the mycarousel ul element, manual and auto scroll always goes from the 1st item to the 3rd, to the 4th, and then back to the 1st again, skipping the 2nd and then ignoring any item after the 4th? This is quite frustrating and I see no reason why it isn’t working. See a live demo here:
http://www.chromaticsites.com/chromatic2008/test.php
The problem is that it seems to be skipping elements instead of going to the next element.
Hello, thanks for a nifty Jquery plugin, its proving very popular with the Drupal crowd (e.g. the above renmenbi.com exampels). Could you help me out with this issue: http://groups.google.com/group/jquery-en/browse_thread/thread/18c2c0169b596ac9#efdcc1fe0eb86ad0
Thanks!
Has anyone tweaked jcarousel for use as an ‘infinite thumbnail’ scroller?
I mean one similar to the swf version on kirupa and elsewhere?
the desired effect would be: you move the mouse to the left side and the thumbs scroll rightward, move the mouse to the right side and they scroll leftward, mouse in the middle and there is no motion.
Why are you using a dual license? Can we use this in a commercial product even if it’s GPL?
Yes, you can. The dual license does not mean that you have to use jCarousel under both licenses. You can choose the license that suits better for you.
Thanks for a great plugin. We’ve been using it for a while despite suffering from ’squished images’ syndrome. i.e. on first visit/before a page reload the thumbnails are reduced in height and squished together, as originally described at http://www.mail-archive.com/jquery-en@googlegroups.com/msg26278.html.
Any thoughts on how to correct this? TIA.
Hi there,
I’ve been playing around with this jCarousel, the special flexible one, and while it’s what I’ve been looking for, and something that I’d very much like to use, I just can’t make it scroll more than 3 images at a time no matter how many images I enter as visible.
Is there a way to modify some code that will allow me to make it scroll more than 3 images at a time?
Thanks
Use the ’scroll’ option, not ‘visible’…
Hi, I’m trying to implement your plugin on a page with MULTIPLE carousels; I’d like to use a syntax like:
jQuery(”.carousel”).jcarousel({
with a CLASS selector rather than an ID one. What about it? Is it possible or not using the latest release of the plugin? Actually it seem not…thanks in advance for your work, see you
Dario
Hello,
I would need some customizations to this great control. Can I contract you for this?
Thanks,
Jan
Hi Jan,
I love your jcarousel plugin. I’ve used it on several occasions and think its perfect.
However, I just tried to implement it vertically for the first time, and notice that it does not work in Safari. Your example vertical implementation also does not work in Safari. The previous and next buttons are disabled.
Do you have any advice on how I can resolve this issue? I’d love to use this for a site I’m building, but the site goes live very soon and I am pressed for time. So if you could help me out in some way, I would really, really appreciate it.
Thanks.