Nabble - jCarousel

Prevent Next and Prev buttons

2008-02-20T13:08:04Z

Can anyone tell me if I'm doing something wrong in the way I'm trying to stop the creation of the prev and next buttons.
According to the documentation, you should be able to include:

buttonPrevHTML: null and buttonNextHTML: null

in the carousel initialization script. That should stop the auto generation of the buttons.
When I try this, it doesn't work, though. Here's my init script:

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
visible: 3,
buttonNextHTML: null,
buttonPrevHTML: null
});
});

If anyone can help, I'd appreciate it.

From my own research, it looks like there is code for defaults in the jcarousel library, that calls an "extend" function (which I believe is in jQuery) in order to replace the default "options" values with the values specified in the initialization script. If that's the case, and I may be wrong here, the jQuery extend function specifically ignores an attempt to overwrite a default value with a null value, so using null in the init script won't work. As I said, I may be wrong.

I'm using version 1.2.1 of jQuery and 0.2.2 of jcarousel.

jCarousel doesn't work in ie

2008-02-18T19:06:17Z

i am new with jCarousel.
my jCarousel doesn't work in ie, but works well in ff.
when i click the 'jcarousel-next' button, it did nothing in ie, i don't know why. And it should move like a slidable window.

2 different carousels on the same pages with different number of items scrolling

2008-02-18T15:29:42Z

Hi,
First off, I want to say that this is great.

Secondly, I am trying to put two static_simple.html carousels on one page that are different sizes and contain a different amount of images, but I want them to act the same. My problem is is that I dont know how to get them to scroll thru the amount in each of their containers. Here is my example. In one carousel I have 3 images and I want it to scroll 3 images at a time. In the other carousel I have 4 images and I want that carousel to scroll 4 images at a time. How do I do that? I know I need to change the javascript in the jquery.jcarousel.pack.js file, but I dont know how to.

Thank you.

Firefox not showing up jcarousel correctly?

2008-01-10T08:09:59Z

Hi,

I managed to make the component work, but unfortunately I get a tiny error when the page loads up. I wanted to have a horizontal scroller for a 1by1 image. The images are 208px129px and the css is, imho, correct. So, when my page with the jcarousel loads, I get the carousel working but the container is showing images stuck one by another showing up a small portion of the image next to the one which is intended to show up in a div. I found that odd because if I do a "resize windows" and than "maximize window" in Firefox 2.0.0.11, Opera 9.24 or IE 7.0., than the box with jcarousel is showing up correctly. I don't get it? The problem can be seen at http://www.sitestudio.hr/fun/static_auto.html

Invalid Arguement IE6

2007-12-05T06:58:31Z

Hi All,

Just a quick question if anyone has had this problem before. I have a vertical jcarousel on a page which is loaded and reloaded various times on a page, depending on it the user performs certain tasks. It works perfectly in FF, IE7, Safari etc. However, in IE6, Jcarousel will only load once, if i try and load it again, i get a JS error "Invalid Argument".

Has anyone experienced this before?

objCarousel = $("#carousel");
jQuery(objCarousel).jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback,
//initCallback: mycarousel_initCallback,
visible: 4,
vertical: true,
scroll: 1
});

ta,
J

Re: problem with scroll!!! please help me

2007-11-08T23:10:18Z

Hi,

cyn1321 wrote:

I want to see the images one per one.
I have changed the scroll to 1, but no effect. what i have to do?

you have to change the width of the clip:

.jcarousel-skin-tango.jcarousel-container-horizontal {
width: 75px;
}

Jan

problem with scroll!!! please help me

2007-11-06T14:22:09Z

I want to see the images one per one.
I have changed the scroll to 1, but no effect. what i have to do?

Re: Jcarousel not autoscrolling

2007-10-31T05:21:08Z

Hi,

paulg wrote:

Hi, I have been using Jcarousel, and it works great. However, I recently decided I'd like to autoscroll one of my carousels. I tried adding auto: 3 to the initialization, but that didn't help:

jQuery("#mycarousel").jcarousel({
itemWidth : 250,
itemHeight : 270,
itemVisible: 1,
itemScroll: 1,
auto: 3,
wrap: true,
loadItemHandler: loadItemHandler,
nextButtonStateHandler: nextButtonStateHandler,
prevButtonStateHandler: prevButtonStateHandler

});

Any ideas what might be preventing the auto scroll? I'm using jquery1.1.1.

Thanks!
Paul

it seems that you're using an older version of jCarousel. The option is then "autoScroll", not "auto".

Jan

Jcarousel not autoscrolling

2007-10-31T01:44:55Z

Hi, I have been using Jcarousel, and it works great. However, I recently decided I'd like to autoscroll one of my carousels. I tried adding auto: 3 to the initialization, but that didn't help:

jQuery("#mycarousel").jcarousel({
itemWidth : 250,
itemHeight : 270,
itemVisible: 1,
itemScroll: 1,
auto: 3,
wrap: true,
loadItemHandler: loadItemHandler,
nextButtonStateHandler: nextButtonStateHandler,
prevButtonStateHandler: prevButtonStateHandler

});

Any ideas what might be preventing the auto scroll? I'm using jquery1.1.1.

Thanks!
Paul

Re: a grid rather than a row

2007-10-29T18:32:22Z

Jan (or anyone else),

I'm trying to get the images into a grid, but I can't figure out how to do it. Could you please help out? How do you push 6 images into a single LI?

Maik

Jan Sorgalla wrote:

pwnw31842 wrote:

i'm using example_dynamic_ajax.html as a basis on which to construct it, pulling image references from the txt file.

But If i'm automatically pulling the images from flickr or a txt file how do i prevent it from putting each image in an LI?

it seems like theres an overflow:hidden somewhere maybe which is preventing the height attribute from being effective.

You can put whatever you want inside a <li>. It can be a single image or a table of 16 images. Just customize the getItemHTML() function.

Jan

JCarousel and Drupal Aggregator

2007-10-25T02:19:53Z

Not sure if anyone will be able to help me. I am trying to pull a Feed out of Drupals aggregator and display it using JCarousel. I am trying to pull out a single category from my aggregated content. I have a couple of methods for doing this. The first is:

----------------Code 1-----------------------
$q = $_GET['q'];
$_GET['q'] = drupal_get_normal_path('aggregator/categories/1');
$result = menu_execute_active_handler();
$_GET['q'] = $q;

I know I could also perform a DB Query. I am using the "Text Example Code" by the way as shown below:

----------------Code 2-----------------------
<script type="text/javascript">

function yourcarousel_initCallback(carousel, state)
{
// Lock until all items are loaded. That prevents jCarousel from
// setup correctly and we have to do that in the ajax callback
// function with carousel.setup().
// We're doing that because we don't know the exact height of each
// items until they are added to the list.
carousel.lock();

jQuery.get(
'special_textscroller.php',
{
'feed': 'http://mysite/rss.xml'
},
function(xml) {
yourcarousel_itemAddCallback(carousel, xml);
},
'xml'
);
};

function yourcarousel_itemAddCallback(carousel, xml)
{
var $items = jQuery('item', xml);

$items.each(function(i) {
carousel.add(i + 1, yourcarousel_getItemHTML(this));
});

carousel.size($items.size());

// Unlock and setup.
carousel.unlock();
carousel.setup();
};

/**
* Item html creation helper.
*/
function yourcarousel_getItemHTML(item)
{
return '<h3>'+$('title', item).text()+'</h3><p>'+yourcarousel_truncate($('description', item).text(), 90)+'</p>';
};

/**
* Utility function for truncating a string without breaking words.
*/
function yourcarousel_truncate(str, length, suffix) {
if (str.length <= length) {
return str;
}

if (suffix == undefined) {
suffix = '...';
}

return str.substr(0, length).replace(/\s+?(\S+)?$/g, '') + suffix;
};

jQuery(document).ready(function() {
/**
* We show a simple loading indicator
* using the jQuery ajax events
*/
jQuery().ajaxStart(function() {
jQuery(".jcarousel-clip-vertical").addClass('loading');
});

jQuery().ajaxStop(function() {
jQuery(".jcarousel-clip-vertical").removeClass('loading');
});

jQuery('#yourcarousel').jcarousel({
vertical: true,
size: 0,
initCallback: yourcarousel_initCallback
});
});

</script>

Anyway, I have the feed in HTML format, I know I need to run through the items using initCallback and itemAddCallback, but just cannot figure it out. Any help would be appreciated.

Regards,
Nick

Re: Prev and Next problem

2007-10-21T14:06:48Z

Indeed, it works great with 1.2.1 :-))

I had to add some features though...

I wanted an autoscrolling after a specific amount of time,
also it pass a random number of images when auto-scrolling.

Something like this ... :

jQuery('#mycarousel').jcarousel({
scroll: 1,
scrollAutoMin: 1,
scrollAutoMax: 6,
auto:4,
autoAfterClick:10,
visible:9,
animation: 'slow',
wrap:'last'
});

It scrolls through 1 to 6 photo's randomly,
it scrolls automatically after 4 seconds, but when a user clicks on next or prev it scrolls after 10 seconds.

Thanks Jan.
Matthew.

Hi,

that happens due to a bug in jQuery 1.2. You either have to wait for 1.2.1 (which is scheduled for this weekend) or use the older version delivered with jCarousel.

debussy007 wrote:

Hello,

I have a problem to make this plugin running correctly for my web site.

I have been trying for 2 days now, and I'm hopeless, that's why I am looking for a kind soul here who can eventually help me!

Here is a demo I made :
http://matthew16.free.fr/jcarousel/jcarousel.html

These are my settings :
scroll: 1,
auto:7,
visible:7,
animation: 'slow',
wrap:'last'

But as you can see in the demo, it is scrolling 1 picture only the first time, then it is scrolling two pictures, then it is scrolling more pictures. Also if you try to go to the previous image after it scrolled two times, it is not going to the previous image but is going forward.

I think I must change something here :
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 94px;
height: 180px;
}

I tried but I have no correct results.

Please! It is my dream to have this running now (yes I am so desperate:)) !

Any help ??

Thank you !!

Re: Ajax + php sample

2007-10-15T08:47:48Z

Ah, I guess it wouldn't hurt to read the changelog ;-)

Danke schon!

Maik

Jan Sorgalla wrote:

maikel wrote:

Also, I was using another example of the code, which included a way to start the carousel at a custom point (itemFirstInCallback: {onAfterAnimation: mycarousel_itemFirstInCallback}). But now I can't figure out where to put this code.

You can check a working sample of the code here to see what I am using it for, and what's the general idea.

you can pass it as an option with the new version, see:
http://sorgalla.com/projects/jcarousel/examples/static_start.html

Jan

Re: Ajax + php sample

2007-10-15T08:37:09Z

maikel wrote:

Also, I was using another example of the code, which included a way to start the carousel at a custom point (itemFirstInCallback: {onAfterAnimation: mycarousel_itemFirstInCallback}). But now I can't figure out where to put this code.

You can check a working sample of the code here to see what I am using it for, and what's the general idea.

you can pass it as an option with the new version, see:
http://sorgalla.com/projects/jcarousel/examples/static_start.html

Jan

Re: Ajax + php sample

2007-10-14T16:54:09Z

Hey Jan,

I only realized I sent you a direct email after I hads send it. Sorry bout that.

About the line you're referring to: maybe I'm missing something, but there's no php file included, so I still don't know how to implement it. A view of 'dynamic_ajax_php.php' could really help out.

#EDIT# I feel stupid. Didn't download the new jCarousel.zip. Got it now #EDIT#

Also, I was using another example of the code, which included a way to start the carousel at a custom point (itemFirstInCallback: {onAfterAnimation: mycarousel_itemFirstInCallback}). But now I can't figure out where to put this code.

You can check a working sample of the code here to see what I am using it for, and what's the general idea.

Maik

Jan Sorgalla wrote:

Hi,

you emailed me directly, so i quote your email here:

maikel wrote:

Thank you so much, but I'm a bit puzzled as to what the php file should look like. The way I now get the xml is to get all files (200+), but I guess 'first'
and 'last' act as the limiter. Can you please give a clue on how to do the php?

Thanks in advance!!

Maik

The line

$selected = array_slice($images, $first, $length);

extracts the part from the array limited by $first and $last.
So, only the requested range is outputted as xml.

Jan

Re: Ajax + php sample

2007-10-13T05:06:48Z

Hi,

you emailed me directly, so i quote your email here:

maikel wrote:

Thank you so much, but I'm a bit puzzled as to what the php file should look like. The way I now get the xml is to get all files (200+), but I guess 'first'
and 'last' act as the limiter. Can you please give a clue on how to do the php?

Thanks in advance!!

Maik

The line

$selected = array_slice($images, $first, $length);

extracts the part from the array limited by $first and $last.
So, only the requested range is outputted as xml.

Jan

Re: Ajax + php sample

2007-10-12T03:06:52Z

Hi,

maikel wrote:

Hi,

I'm trying to get my head around how to load images not from a textfile, but from a php script. Is this even possible?

The problem is that I have 100+ images loading into jcarousel, and it's slowing everything down, so it would be better to load the images only when asked for. Does anyone maybe have an example of how to do this via php?

Thanks in advance!

i've j ust updated jCarousel and added a new example that shows how to load items from a PHP script.
http://sorgalla.com/projects/jcarousel/examples/dynamic_ajax_php.html

Jan

Re: Display 2 jcarousel loading from 2 different txt files

2007-10-11T12:21:43Z

It works well now!
Thanks a lot (really)!

Cheers,
Max

Hi,

you have to put the carousel initialisation inside jQuery(document).ready() :

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content1.txt', carousel, state); }
});

jQuery('#mycarousel2').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content2.txt', carousel, state); }
});
});

Maxart! wrote:

Thanks!

But it seems don't want to work: I have no more carousel on the page. Here is what I have now:

<script type="text/javascript">
function mycarousel_itemLoadCallback(url, carousel, state)
{
if (state != 'init')
return;

jQuery.get(url, function(data) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
});
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
var items = data.split('|');

for (i = 0; i < items.length; i++) {
carousel.add(i+1, mycarousel_getItemHTML(items[i]));
}

carousel.size(items.length);
};

function mycarousel_getItemHTML(url)
{
return '';
};

jQuery('#mycarousel1').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content1.txt', carousel, state); }
});

jQuery('#mycarousel2').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content2.txt', carousel, state); }
});
</script>

Thanks for the help.
Max

Jan Sorgalla wrote:

Hi,

Maxart! wrote:

Hi all!

I'd like to have 2 carousels loading content from 2 different files displayed on a single page, just like in the example "dynamic_ajax.html" (which loads dynamically the data from a simple text file which contains the image urls).

The part with the 2 carousels is ok (found in the forum):

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
jQuery('#mycarousel2').jcarousel({
itemLoadCallback2: mycarousel_itemLoadCallback
});
});

But how do I make "mycarousel1" load "carousel-content1.txt" and "mycarousel2" load "carousel-content2.txt"??

Thanks A LOT for the answer!

Regards,
Max

this has been answered here:
http://www.nabble.com/Dynamic-Load-Ajax-of-2-jcarousel-same-page-tf4202780.html#a11961838

Jan

Re: Display 2 jcarousel loading from 2 different txt files

2007-10-11T12:17:32Z

Hi,

you have to put the carousel initialisation inside jQuery(document).ready() :

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content1.txt', carousel, state); }
});

jQuery('#mycarousel2').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content2.txt', carousel, state); }
});
});

Thanks!

But it seems don't want to work: I have no more carousel on the page. Here is what I have now:

<script type="text/javascript">
function mycarousel_itemLoadCallback(url, carousel, state)
{
if (state != 'init')
return;

jQuery.get(url, function(data) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
});
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
var items = data.split('|');

for (i = 0; i < items.length; i++) {
carousel.add(i+1, mycarousel_getItemHTML(items[i]));
}

carousel.size(items.length);
};

function mycarousel_getItemHTML(url)
{
return '';
};

jQuery('#mycarousel1').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content1.txt', carousel, state); }
});

jQuery('#mycarousel2').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content2.txt', carousel, state); }
});
</script>

Thanks for the help.
Max

Jan Sorgalla wrote:

Hi,

Maxart! wrote:

Hi all!

I'd like to have 2 carousels loading content from 2 different files displayed on a single page, just like in the example "dynamic_ajax.html" (which loads dynamically the data from a simple text file which contains the image urls).

The part with the 2 carousels is ok (found in the forum):

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
jQuery('#mycarousel2').jcarousel({
itemLoadCallback2: mycarousel_itemLoadCallback
});
});

But how do I make "mycarousel1" load "carousel-content1.txt" and "mycarousel2" load "carousel-content2.txt"??

Thanks A LOT for the answer!

Regards,
Max

this has been answered here:
http://www.nabble.com/Dynamic-Load-Ajax-of-2-jcarousel-same-page-tf4202780.html#a11961838

Jan

Re: Display 2 jcarousel loading from 2 different txt files

2007-10-11T09:22:31Z

Thanks!

But it seems don't want to work: I have no more carousel on the page. Here is what I have now:

<script type="text/javascript">
function mycarousel_itemLoadCallback(url, carousel, state)
{
if (state != 'init')
return;

jQuery.get(url, function(data) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
});
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
var items = data.split('|');

for (i = 0; i < items.length; i++) {
carousel.add(i+1, mycarousel_getItemHTML(items[i]));
}

carousel.size(items.length);
};

function mycarousel_getItemHTML(url)
{
return '';
};

jQuery('#mycarousel1').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content1.txt', carousel, state); }
});

jQuery('#mycarousel2').jcarousel({
itemLoadCallback: function (carousel, state) { mycarousel_itemLoadCallback('carousel-content2.txt', carousel, state); }
});
</script>

Thanks for the help.
Max

Jan Sorgalla wrote:

Hi,

Maxart! wrote:

Hi all!

I'd like to have 2 carousels loading content from 2 different files displayed on a single page, just like in the example "dynamic_ajax.html" (which loads dynamically the data from a simple text file which contains the image urls).

The part with the 2 carousels is ok (found in the forum):

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
jQuery('#mycarousel2').jcarousel({
itemLoadCallback2: mycarousel_itemLoadCallback
});
});

But how do I make "mycarousel1" load "carousel-content1.txt" and "mycarousel2" load "carousel-content2.txt"??

Thanks A LOT for the answer!

Regards,
Max

this has been answered here:
http://www.nabble.com/Dynamic-Load-Ajax-of-2-jcarousel-same-page-tf4202780.html#a11961838

Jan

Re: Display 2 jcarousel loading from 2 different txt files

2007-10-11T09:11:00Z

Hi,

Maxart! wrote:

Hi all!

I'd like to have 2 carousels loading content from 2 different files displayed on a single page, just like in the example "dynamic_ajax.html" (which loads dynamically the data from a simple text file which contains the image urls).

The part with the 2 carousels is ok (found in the forum):

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
jQuery('#mycarousel2').jcarousel({
itemLoadCallback2: mycarousel_itemLoadCallback
});
});

But how do I make "mycarousel1" load "carousel-content1.txt" and "mycarousel2" load "carousel-content2.txt"??

Thanks A LOT for the answer!

Regards,
Max

this has been answered here:
http://www.nabble.com/Dynamic-Load-Ajax-of-2-jcarousel-same-page-tf4202780.html#a11961838

Jan

Display 2 jcarousel loading from 2 different txt files

2007-10-11T07:56:05Z

Hi all!

I'd like to have 2 carousels loading content from 2 different files displayed on a single page, just like in the example "dynamic_ajax.html" (which loads dynamically the data from a simple text file which contains the image urls).

The part with the 2 carousels is ok (found in the forum):

jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback
});
jQuery('#mycarousel2').jcarousel({
itemLoadCallback2: mycarousel_itemLoadCallback
});
});

But how do I make "mycarousel1" load "carousel-content1.txt" and "mycarousel2" load "carousel-content2.txt"??

Thanks A LOT for the answer!

Regards,
Max

Ajax + php sample

2007-10-10T16:10:49Z

Hi,

I'm trying to get my head around how to load images not from a textfile, but from a php script. Is this even possible?

The problem is that I have 100+ images loading into jcarousel, and it's slowing everything down, so it would be better to load the images only when asked for. Does anyone maybe have an example of how to do this via php?

Thanks in advance!

Re: Ajax and Flickr picture load??

2007-09-28T04:29:43Z

Hi,

dmitryseliv wrote:

Can someobody point me in right direction who to load pictures dynamicly from flickr?
I can't seems to make the sample work that cames with the pages.
file dynamic_flickr_api.php has this referrence
include '../../config.flickr.php';
But package does not have this file.
Does anybody knows what this files is and what it contain?

Also I would like to load photo stream only for specific user id.
How to do that?

Appriciate any help!!!

did you read the comment above this line?
Just go to http://www.flickr.com/services/api/keys/ and create your own api key. Then set it with the variable

$api_key = 'you api key';

and remove

include '../../config.flickr.php';

Jan

Ajax and Flickr picture load??

2007-09-27T12:03:17Z

Hi!

Can someobody point me in right direction who to load pictures dynamicly from flickr?
I can't seems to make the sample work that cames with the pages.
file dynamic_flickr_api.php has this referrence
include '../../config.flickr.php';
But package does not have this file.
Does anybody knows what this files is and what it contain?

Also I would like to load photo stream only for specific user id.
How to do that?

Appriciate any help!!!

Re: Prev and Next problem

2007-09-15T01:29:03Z

Thank you for your reply Jan!

So I was getting headache for nothing :-)

Anyway I seem to have some undesired effects with older jquery, I'll wait 1.2.1 though and will be back on this subject.

Hi,

that happens due to a bug in jQuery 1.2. You either have to wait for 1.2.1 (which is scheduled for this weekend) or use the older version delivered with jCarousel.

debussy007 wrote:

Hello,

I have a problem to make this plugin running correctly for my web site.

I have been trying for 2 days now, and I'm hopeless, that's why I am looking for a kind soul here who can eventually help me!

Here is a demo I made :
http://matthew16.free.fr/jcarousel/jcarousel.html

These are my settings :
scroll: 1,
auto:7,
visible:7,
animation: 'slow',
wrap:'last'

But as you can see in the demo, it is scrolling 1 picture only the first time, then it is scrolling two pictures, then it is scrolling more pictures. Also if you try to go to the previous image after it scrolled two times, it is not going to the previous image but is going forward.

I think I must change something here :
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 94px;
height: 180px;
}

I tried but I have no correct results.

Please! It is my dream to have this running now (yes I am so desperate:)) !

Any help ??

Thank you !!

Re: Prev and Next problem

2007-09-15T01:11:19Z

Hi,

that happens due to a bug in jQuery 1.2. You either have to wait for 1.2.1 (which is scheduled for this weekend) or use the older version delivered with jCarousel.

debussy007 wrote:

Hello,

I have a problem to make this plugin running correctly for my web site.

I have been trying for 2 days now, and I'm hopeless, that's why I am looking for a kind soul here who can eventually help me!

Here is a demo I made :
http://matthew16.free.fr/jcarousel/jcarousel.html

These are my settings :
scroll: 1,
auto:7,
visible:7,
animation: 'slow',
wrap:'last'

But as you can see in the demo, it is scrolling 1 picture only the first time, then it is scrolling two pictures, then it is scrolling more pictures. Also if you try to go to the previous image after it scrolled two times, it is not going to the previous image but is going forward.

I think I must change something here :
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 94px;
height: 180px;
}

I tried but I have no correct results.

Please! It is my dream to have this running now (yes I am so desperate:)) !

Any help ??

Thank you !!

Prev and Next problem

2007-09-14T08:41:41Z

Hello,

I have a problem to make this plugin running correctly for my web site.

I have been trying for 2 days now, and I'm hopeless, that's why I am looking for a kind soul here who can eventually help me!

Here is a demo I made :
http://matthew16.free.fr/jcarousel/jcarousel.html

These are my settings :
scroll: 1,
auto:7,
visible:7,
animation: 'slow',
wrap:'last'

But as you can see in the demo, it is scrolling 1 picture only the first time, then it is scrolling two pictures, then it is scrolling more pictures. Also if you try to go to the previous image after it scrolled two times, it is not going to the previous image but is going forward.

I think I must change something here :
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 94px;
height: 180px;
}

I tried but I have no correct results.

Please! It is my dream to have this running now (yes I am so desperate:)) !

Any help ??

Thank you !!

Re: Bug IE6 only (next and previous button)

2007-09-13T10:02:01Z

Hi,

I haven't tried this way (i didn't really understand how to :))
I thought i have to add the spacer in the option of jcaroussel!

So, thank's a lot. It's working

Hi,

did you tried it with exactly the code i posted?

Jan

Chboc wrote:

Hi Jan,

I'd try your fix but the bug still there. I don't know what to do.

Alex

Jan Sorgalla wrote:

Hi,

Chboc wrote:

Hello,

I had a bug on the next and previous button, the height isn’t applied.
I want 13px but on IE6 i get 19px, how to set the height to 13px?

example of my jcaroussel
http://www.hybridbears.com/jcaroussel/index.htm

Thank you

that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):

<div id="mycarousel">
<div class="jcarousel-prev"></div>
<div class="jcarousel-next"></div>
<ul>
<li>...</li>
</ul>
</div>

Jan

Re: Bug IE6 only (next and previous button)

2007-09-13T09:52:56Z

Hi,

did you tried it with exactly the code i posted?

Jan

Hi Jan,

I'd try your fix but the bug still there. I don't know what to do.

Alex

Jan Sorgalla wrote:

Hi,

Chboc wrote:

Hello,

I had a bug on the next and previous button, the height isn’t applied.
I want 13px but on IE6 i get 19px, how to set the height to 13px?

example of my jcaroussel
http://www.hybridbears.com/jcaroussel/index.htm

Thank you

that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):

<div id="mycarousel">
<div class="jcarousel-prev"></div>
<div class="jcarousel-next"></div>
<ul>
<li>...</li>
</ul>
</div>

Jan

Re: Bug IE6 only (next and previous button)

2007-09-13T09:14:07Z

Hi Jan,

I'd try your fix but the bug still there. I don't know what to do.

Alex

Jan Sorgalla wrote:

Hi,

Chboc wrote:

Hello,

I had a bug on the next and previous button, the height isn’t applied.
I want 13px but on IE6 i get 19px, how to set the height to 13px?

example of my jcaroussel
http://www.hybridbears.com/jcaroussel/index.htm

Thank you

that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):

<div id="mycarousel">
<div class="jcarousel-prev"></div>
<div class="jcarousel-next"></div>
<ul>
<li>...</li>
</ul>
</div>

Jan

Re: Bug IE6 only (next and previous button)

2007-09-13T08:25:45Z

Hi,

Chboc wrote:

Hello,

I had a bug on the next and previous button, the height isn’t applied.
I want 13px but on IE6 i get 19px, how to set the height to 13px?

example of my jcaroussel
http://www.hybridbears.com/jcaroussel/index.htm

Thank you

that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):

<div id="mycarousel">
<div class="jcarousel-prev"></div>
<div class="jcarousel-next"></div>
<ul>
<li>...</li>
</ul>
</div>

Jan

Re: Bug IE6 only (next and previous button)

2007-09-13T08:21:26Z

Hi,

On 13 Sep., 15:07, Chboc <boca.alexan...@...> wrote:
> Hello,
>
> I had a bug on the next and previous button, the height isn't applied.
> I want 13px but on IE6 i get 19px, how to set the height to 13px?
>
> example of my jcarousselhttp://www.hybridbears.com/jcaroussel/index.htm

that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):

<div id="mycarousel">
<div class="jcarousel-prev"></div>
<div class="jcarousel-next"></div>
<ul>
<li>...</li>
</ul>
</div>

Jan

Bug IE6 only (next and previous button)

2007-09-13T07:07:48Z

Hello,

I had a bug on the next and previous button, the height isn’t applied.
I want 13px but on IE6 i get 19px, how to set the height to 13px?

example of my jcaroussel
http://www.hybridbears.com/jcaroussel/index.htm

Thank you

How to have two javascript dynamically loaded jcarousel on one page ?

2007-09-01T07:59:23Z

Hi,

i'm using the fantastic jCarousel script on my page.
I copied the full code for one carousel twice, changing
That gives me :
var mycarousel_itemList = [ my vars];
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind(\'click\', function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind(\'click\', function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
function mycarousel_itemLoadCallback(carousel, state)
{

for (var i = carousel.first; i <= carousel.last; i++) {
if (carousel.has(i)) {
continue;
}

if (i > mycarousel_itemList.length) {
break;
}

carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
}
};

/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item)
{
return \'<strong>\' + item.title + \'</strong><br/>\' + item.nb + \' photo(s)\';
};

jQuery(document).ready(function() {
jQuery(\'#mycarousel\').jcarousel({
auto: 3,
size: mycarousel_itemList.length,
itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
});
});
</script>
<div id="wrap">
<ul id="mycarousel" class="jcarousel-skin-ie7">
</ul>
</div>
var myfriends_itemList = [my vars];
function myfriends_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind(\'click\', function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind(\'click\', function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
function myfriends_itemLoadCallback(carousel, state)
{
for (var i = carousel.first; i <= carousel.last; i++) {
if (carousel.has(i)) {
continue;
}

if (i > myfriends_itemList.length) {
break;
}

carousel.add(i, myfriends_getItemHTML(myfriends_itemList[i-1]));
}
};

/**
* Item html creation helper.
*/
function myfriends_getItemHTML(item)
{
return \'\' + item.title + \' <div class="texte">Now : \' + item.activite + \'</div>\';
};

jQuery(document).ready(function() {
jQuery(\'#myfriends\').jcarousel({
auto: 5,
size: myfriends_itemList.length,
itemLoadCallback: {onBeforeAnimation: myfriends_itemLoadCallback}
});
});
</script>
<div id="wrap">
<ul id="myfriends" class="jcarousel-skin-ie7">
</ul>
</div>

It works perfectly on mozilla, but not on IE. I think there is something to do to load two jCarousel on the same page, but i cannot figure out what. Can you help me ?