Erweiterung für eine rotierende Bilderschleife?

[w202mg]

Hallo Leute,
also folgendes, ich möchte im Kopfbereich, bzw. Hauptbereich oben, eine Schleife aus mehreren kleinen Bildern rotieren lassen. Also dass die Bilder von links nach rechts im Kreis wandern:
1-2-3-4-5
5-1-2-3-4
4-5-1-2-3
usw.
Gibt es dafür eine Erweiterung?

Danke!

[andreasisaak]

Hallo Leute,
also folgendes, ich möchte im Kopfbereich, bzw. Hauptbereich oben, eine Schleife aus mehreren kleinen Bildern rotieren lassen. Also dass die Bilder von links nach rechts im Kreis wandern:
1-2-3-4-5
5-1-2-3-4
4-5-1-2-3
usw.
Gibt es dafür eine Erweiterung?

Danke!

Such dir einfach einen aus:

https://www.google.de/#hl=de&output=...w=1686&bih=756

Wir verwenden immer slideItMoo

[w202mg]

OK, Danke!
Dachte Slider ist kein passender Begriff dazu Benutze jetzt den Imageslider, da geht sowas nicht.
Danke!

[w202mg]

Also ich glaube Slider ist doch etwas anderes. Was ich brauche ist, dass die Bilder in einer Schleife hintereinander automatisch laufen. Es muss ein durchgehender Schleifen sein (ein Bild neben dem anderen). Ich möchte halt im oberen Bereich der Seite ein Streifen mit Logos laufen lassen, da es einfach zu viele sind und die gar nicht so neben einander auf die Seite passen.

[zwergschwein]

Hast du ein Beispiel, wie du dir das das vorstellst?
Hört sich nämlich eigentlich immer noch stark nach slideItMoo an... - das ist nicht nur ein reiner Imageslider, sondern auch für Inhalte gedacht.

[w202mg]

Hi,
also im Anhang ist ein grober Beispiel. Dieser soll so verstanden werden: die weiße Fläche ist sichtbar, der Rest nicht, da zu viel. Das ganze wandert nach rechts und die Logod, die rechts verschwinden, kommen wieder links raus. Es werden auch paar mehr sein.

[tomsky]

Hi,

schau mal hier: http://contao.org/de/extension-list/...redsel.de.html
Ist wohl aber erst verfügbar ab Contao Vers. 3.0.0 rc1.

Bis dahin zum Nachbauen: http://coolcarousels.frebsite.nl/c/2/

[Andreas]

Da nimmste doch besser slideItMoo, da brauchste wenigstens kein jquery und ist im Prinzip identisch damit.

[tblumrich]

Hi.

SlideItMoo kann aber nicht kontinuierlich ohne Pause durchscrollen, oder geht das neuerdings? Das wäre natürlich toll, da das meines Wissens kein Slider kann. Gibt schon einige Nachfragen verteilt übers Forum wo ein durchgehendes Laufband gewünscht wurde...

Gruß
Thomas

[Andreas]

Ja doch, der macht das http://onair-tvproductions.com/de/technik.html nennt sich entweder loop od. carousel oder so.

[tblumrich]

Hi Andreas.

Ja doch, der macht das http://onair-tvproductions.com/de/technik.html nennt sich entweder loop od. carousel oder so.

Ich steh mal wieder auf irgendeinem Schlauch, glaub ich. Wo laufen denn dort die Inhalte ohne Pause durch?

Gruß
Thomas

[Andreas]

Ach sorry, jetzt weiß ich was du meinst - stufenlos. Das macht der so erstmal nicht, könnte aber mit einem kleinen Trick gehen (geht in der Demo des Originals http://www.php-help.ro/php-tutorials...-image-slider/), indem man autoSlide auf den negativen Wert von duration setzt in Verbindung mit der transition linear.
...
duration: 2000,
autoSlide: -2000,
...

[w202mg]

So, habe mich jetzt umgeschaut und ehrlich gesagt nichts gefunden. Dabei sind die Ansprüche super einfach im Vergleich zu dem was geboten wird. Alle Skripte und Erweiterungen bieten super schöne Effekte und viele Funktionen... Aber so eine "simple" Sache kann ich nicht umsetzen Es müssen doch einfach Bilder von links nach rechts wandern...

[MacKP]

Wie oben schon erwähnt: http://contao.org/de/extension-list/...eItMoo.de.html
Das kann auch durchlaufen (kann man auch auf der Original-Seite sehen).

Viele Grüße

[cliffparnitzky]

Moin,

kann MacKP und andreasisaak nur bestätigen.

Mit [slideItMoo] geht das wunderbar.

Bei entsprechender Einstellung der Effektdauer, Effektbewegung und Einblenddauer (siehe Screenshot) sieht das bei mir richtig gut aus.

Grüße, Cliff

[Andreas]

Habe jetzt rausgefunden, dass man sogar permanent durchlaufen lassen kann, ohne einen Stopp einzulegen, wenn man es schasfft für autoSlide den gleichen Wert, aber negiert, mitzugeben wie für duration.
duration: 2000,
autoSlide: -2000,

[tblumrich]

Hi...

Also nehmts mir bitte nicht übel... aber irgendwas hakt in der Kommunikation hier... und ich beziehe mich da definitiv mit ein.

Kann mal irgendjemand ein wirklich echtes funktionierendes Beispiel zeigen, das dafür sorgt, das alles durchläuft ohne das irgendwas im Slider an irgendeiner Stelle anhält? Sowohl der Tipp von Andreas und Cliffen sorgt für ein kurzes Anhalten... gewünscht ist m.E. ein lineares Durchlaufen.

Nicht falsch verstehen... ich bin total glücklich mit SlideItMoo - er macht das was er vorgibt zu können, nahezu perfekt, auch aufgrund des tollen Supports von Andreas I. und seiner Fa., aber es stimmt eben auch nicht (es sei denn ich bin zu blöd), dass dieser so eingestellt werden kann, das die Inhalte ohne jede Pause oder Verzögerung, Bremsen, Beschleunigen etc. durchlaufen.

Es muss ja nicht SlideItMoo sein.

Gruß
Thomas

[Andreas]

Ok, ich habe mir das nochmal genau angesehen. Wenn du dir die Demo hier holst http://www.php-help.ro/mootools-12-j...-image-slider/ kannst du es erstmal mit dem Original, Beispiel horizontal_carousel.html ausprobieren, einfach die Werte für duration und autoSlide anpassen.

In slideItMoo für Contao habe ich jetzt festgestellt, dass, wenn man keine Transition angibt, nicht 'linear' läuft, sondern ich vermute 'sine'. Und damit geht kein kontinuierlicher Fluss.

transition - (function: defaults to 'sine:in:out' The equation to use for the effect see Fx.Transitions. Also accepts a string in the following form:

transition[:in][:out] - for example, 'linear', 'quad:in', 'back:in', 'bounce:out', 'elastic:out', 'sine:in:out'

Bedingt wird der Fehler durch diese Zeile in ExtendedSlideItMoo system/modules/slideItMoo/slideitmoo.js (slideitmoo_src.js).

// Fix bug from json_encode Fx.Transitions is not a function
this.options.sliderAttr.transition = eval(this.options.sliderAttr.transition);

Wenn man die Zeile auskommentiert müsste die 'linear' wieder laufen.

@andreasisaak

Kannst du da mal bitte nachsehen, ob du das anders lösen kannst? Eigentlich ist doch schon in der original slideitmoo.js die Zeile wo die Option gesetzt wird etwas seltsam.
...
transition: Fx.Transitions.linear, /* transition */
...
Der Wert von 'transition' wird nachher in der Funktion tween() benutzt, in dieser Funktion wird für transition einfach nur ein String erwartet
'linear', 'bounce:in:out', 'elastic:in', 'sine:out' usw
D.h. wenn man diesen Wert so übergibt, benötigt man auch das eval() nicht mehr. Kannst du das bestätigen?

[cliffparnitzky]

Okay,

so ein richtig lineares Ablaufen, ohne Pause, geht mit slideItMoo aktuell wirklich nicht.

Gruß, Cliff

[andreasisaak]

Mit Contao slideItMoo oder mit dem JS slideItMoo?

[cliffparnitzky]

Auf meiner Installation mit Contao [slideItMoo] V. 1.1.0 stable BUILD 4 gehts nicht.

[andreasisaak]

Gehts denn mit dem reinen JS?

[cliffparnitzky]

So,

hab nochmal genauer in [slideItMoo] reingeschaut.

Macht definitiv immer eine Pause ... hab nun hart 'Transition.Linear' reingebrannt .... keine Chance .... aber mit kurzem Päuschen sieht eh geiler aus ;-)

Ansonsten muss was anderes her.

Gruß, Cliff

[Andreas]

... hab nun hart 'Transition.Linear' reingebrannt .... keine Chance ....

Ne, das bringt nichts, es wird nicht durchgereicht bis zur original slideitmoo.js Zeile 104

transition: this.options.transition,

Wenn du dort direkt

transition: 'linear',

eingibst, dann gehts. Achtung, es wird natürlich die komprimierte Version benutzt.

@andreasisaak Mit der Original geht's, nur mit der Contao nicht, aus den Gründen die ich bereits genannt hatte.