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.

Hi,

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

Code :

1	scroll      integer     3   The number of items to scroll by.

mfg Maik

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

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

Ansonsten ist wohl die Breite der jCarousel-Box falsch dimensioniert

mfg Maik

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?

Hallo,

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

Code javascript:

1	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:

Code css:

1 2 3 4 5 6 7 8 9

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

Gruß Konstantin

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.

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:

Code javascript:

1 2 3 4 5 6 7 8

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

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

Kannst es direkt nach dem jcarousel Aufruf, laufen lassen:

Code javascript:

1 2 3 4 5 6 7 8 9 10 11 12 13

$(document).ready(function(){     jQuery('#mycarousel').jcarousel({scroll:1});         function changeCarouselItemCount(itemCount){         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);     }         var itemCount = 7;     changeCarouselItemCount(itemCount); });

Ui super Das klappt ja gut. Ich danke Dir recht herzlich. Genauso wollte ich es haben.

Hi,

was ist mit der Eigenschaft visible?

Code :

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

Oder hab ich das Problem falsch verstanden?

Ciao
Quaese

Moin,

@Quaese

visible macht in diesem Fall etwas anderes. Es wird die Breite jedes Bild-Containers(einzelnes Bild) geändert. z.B. Es werden dann statt 3, jetzt 9 Bilder in dem gleichen Container angezeigt. Die Breite des Containers, der alle Bilder hat, bleibt in beiden Fällen gleich.
var itemCount = 10
Die Breite der Bild-Container wird so errechnet: (245px (Breite des Containers mit allen Bildern) - 10px (margin-right) * itemCount) / itemCount

Gruß Konstantin

Hallo,
nachdem ich das Eingangsproblem ebenfalls vor der Nase hatte, habe ich noch eine Hilfestellung und eine Frage:

1. Nachdem ich die Breite der äußeren Box auf 750 Pixel verbreitert habe und die Breite für die einzelnen Bilder auf 100 Pixel (Breite und Höhe) in der zugehörigen CSS- Datei verändert hatte, hat das Tool trotzdem nur 3 Bilder weitergescrollt

Allerdings habe ich die hier als Tipp benannten Dateien bei mir gar nicht gefunden, was vielleicht an der verwendeten Version liegt.

Ich habe diese Dateien:
* jquery.jcarousel.js und
* jquery.jcarousel.min.js

im ordner /lib gefunden und editiert. Dazu einfach die Dateien mit einem Texteditor öffnen und nach 'Scroll' suchen. Danach hat das Tool sauber jeweils sieben Bilder angezeigt und auch ordentlich gescrollt.

2. Jetzt kommt das Problem:

Die Scrollerei funktioniert genau einmal, danach steht in der Statuszeile des Browsers (IE8) die Fehlermeldung "Fehler auf der Seite".

Da ich aber 21 Bilder darstellen will, wird der dritte Block nicht mehr gezeigt. Ich sehe noch in der Statuszeile, dass anscheinend die einzelnen Images geladen werden; ich kann aber die Schaltflächen für das Vorwärts-/ Rückwärts-Blättern nicht mehr betätigen.

Ich habe für meine Zwecke das Beispiel "Special-Thickbox.html" modifiziert.

Etwas Hilfe wäre jetzt schön.

Schönen Abend
Wolfgang