✔ Hilfe bei jCarousel

[Concilla]

Ich habe ein Problem mit jCarousel. Habe es mir heruntergeladen und wollte es ausprobieren. Aber wahrschlich bin ich zu bl... dazu und finde einfach in der Dokumentation nicht, wo man die Anzahl der angezeigten Bilder einstellen kann? Kann mir da jemand helfen? Wo auch immer ich eine Zahl ändere, die angezeigten Bilder bleiben bei 3 Stk.

Vielen Dank.

 

[Maik]

Hi,

schau mal in die "Configuration"-Tabelle (http://sorgalla.com/projects/jcarousel/#Configuration):

scroll  	integer  	3  	The number of items to scroll by.

mfg Maik

 

[Concilla]

Das hab ich schon getan. Egal welche Zahl ist dort eintrage, es bleibt bei 3 Bildern

 

[Maik]

In welcher dieser beiden Script-Dateien hast du das gemacht?

• jquery.jcarousel.js
• jquery.jcarousel.pack.js

Und welche der beiden wird im Dokumentheader der Seite aufgerufen?

In den Original-Beispielen letztere.

mfg Maik

 

[Maik]

Ansonsten ist wohl die Breite der jCarousel-Box falsch dimensioniert ;-)

mfg Maik

 

[Concilla]

Die Breite habe ich schon per CSS vergrößern können

Im Beispieldokument wird die jquery.jcarousel.pack.js aufgerufen. Dort lässt sich ja Folgendes überhaupt nicht ändern:

scroll integer 3 The number of items to scroll by.

Wo dann?

 

[Konstantin Denerz]

Hallo,

der Parameter scroll bestimmt um wieviele Bilder weiter gescrollt werden soll.
z.B:

jQuery('#mycarousel').jcarousel({scroll:1});

Nicht wieviele Bilder angezeigt werden sollen. Das wird man ehe im CSS ändern bzw. einen eigenen Skin erstellen.

z.B.Hier habe ich die Breite um 75px auf 320px erhöht:

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 320px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  320px;
    height: 75px;
}

Gruß Konstantin

 

[Concilla]

Die Breite habe ich in der CSS-Datei auch schon geändert. Das ist ja auch ok. Ich möchte aber auch die Anzahl der angezeigten Bilder ändern, egal ob scroll 1, 3 oder 5 ist. Und das suche ich seit Stunden schon vergebens.

 

[Konstantin Denerz]

Es werden alle Bilder angezeigt. Weil aber der div mit der Klasse "jcarousel-clip jcarousel-clip-horizontal" die Eigenschaft overflow auf hidden gesetzt hat, werden nur die Bilder angezeigt, die sich innerhalb der definierten Breite / Höhe befinden.
Wenn du diese über JavaScript ändern willst, dann musst du einfach folgenden Code ausführen:

var itemCount = 7;
var itemWidth = $(".jcarousel-item").width();

var newContainerWidth = itemCount * itemWidth + itemCount * 10; // margin-right:10px; defined in  .jcarousel-item-horizontal

$(".jcarousel-container-horizontal").css("width",newContainerWidth);
$(".jcarousel-clip-horizontal").css("width",newContainerWidth);

Dieser Code funktioniert natürlich nur mit dem Tango-Theme.

Gruß Konstantin

 

[Concilla]

Und in welcher Datei und an welcher Stelle sollte man dann diesen Code ausführen?