After hours of trying I managed to do it.
The code that does it is:
<code>
var self = this;
// Generates the scroller
screens = this.options.size / this.options.scroll;
screens = (Math.round(screens) < screens) ?
Math.round(screens) +
1 : Math.round(screens);
lastItem = (this.first + this.options.scroll - 1);
lastItem = (lastItem > this.options.size) ?
this.options.size :
lastItem;
currentScreen = lastItem/this.options.scroll;
currentScreen = (Math.round(currentScreen) <
currentScreen) ?
currentScreen + 1 : Math.round(currentScreen);
var text = '';
if (screens > 1) {
for (i = 1; i <= screens; i++) {
if (i == currentScreen) {
text += '<div
class="scroller-screen-current"></div>';
}
else {
text += '<div
class="scroller-screen"></div>';
}
}
this.scroller.html(text);
this.scroller.wrap('<div
class="wrap-scroller"></div>');
}
// end scroller generation
</code>
This code is inside the buttons function "var self = this" is for
reference. Also the code I wrote in my previous post must be added.
But you better get my new file at
http://www.redluk.com/kankand6/sites/all/modules/jcarousel/js/jquery.jcarousel.js
and you can see it in action at http://www.redluk.com/kankand6/
