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.

I would need some customizations to this great control. Can I contract you for this?

Thanks,
Jan

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

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

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.

http://www.chromaticsites.com/chromatic2008/test.php

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.

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;
}

&nbsp

—————————-

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)