SlideItMoo mit Bullets und Autoplay

[psren]

Hi Andreas, sonnigen Tag Community,

ein Bekannter von mir hat auf einer (lokalen) Seite einen Slider (SlideItMoo) eingebaut und sich bei mir beklagt dass der nicht sauber liefen.
Das hab ich mir angeschaut und bemerkt das er Recht hat.

Die Konfiguration ist die folgende.

• Autolay aktiviert
• Einblendungsdauer 8000
• Effektdauer 200
• ohne Effektbewegung

Die Bulletlist ist auch aktiviert.
Die Slideshow läuft einwandfrei, nur sobald ich auf ein Bullet klicke gibt es ein Problem. Und zwar scheint er nicht zu vergessen dass er alle 8000ms springen soll und dass z.B. 5000ms schon um sind.

Also habe ich einen Wechsel, warte 5000ms klicke einen Bullet, habe einen Wechsel, und nach 3000ms habe ich wieder einen Wechsel.
Ist das ein Bug oder ist da irgendwas falsch konfiguriert, was ich nicht gesehen habe?

Viele Grüße
Patrick

[bizon]

ich habe heute SlideItMoo das erstemal eingebaut und nach Schwierigkeiten mit der Bulletlist, diese wieder deaktiviert. Bei Test von nur drei Slides konnte man den übernächsten Bullet zwar anklicken, gezeigt und in der Bulletslist als aktive markiert, wurde aber der Slide, der unmittelbar auf den gerade Aktiven folgte.

Habs nicht weiter verfolgt, da ich die Bullets ohnehin nicht wollte.

[webster]

Also habe ich einen Wechsel, warte 5000ms klicke einen Bullet, habe einen Wechsel, und nach 3000ms habe ich wieder einen Wechsel.

Hört sich ganz danach an, als ob da ein JS-Timeout nicht zurückgesetzt wird.

[psren]

Hört sich ganz danach an, als ob da ein JS-Timeout nicht zurückgesetzt wird.

Fühlt sich so an. Hat jemand eine Ahnung woran das liegen kann? Wer mag kann sich das nun auch hier anschauen. Danke für die Hilfe.

[Andreas]

Selbst im weiteren Verlauf sind dann die Abstände teilweise nur 1sec anstatt 5sec.

[psren]

Selbst im weiteren Verlauf sind dann die Abstände teilweise nur 1sec anstatt 5sec.

Erstmal danke fürs nachschauen. Ja, das ist sehr komisch. Wie wenn mehrere Timer zur selben Zeit aktiv wären.

Ich weiß dass der Slider nur bis "2.11.2 stable" freigegeben ist, aber ich habe jetzt mal auf die 2.11.4 geupdatet.
Klappt trotzdem nicht (wie zu erwarten war).
Installiert ist sonst nur die Erweiterung BackupDB und mein Contao-Check zeigt alles grün an.

Manchmal springt er dann sogar vor und direkt danach wieder zurück. Und das dann immer.

[andreasisaak]

Wir schauen uns das mal an. Gebt uns noch etwas Zeit, wir sind grade ziemlich mit dem Tagesgeschäft beschäftigt.

[psren]

Wir schauen uns das mal an. Gebt uns noch etwas Zeit, wir sind grade ziemlich mit dem Tagesgeschäft beschäftigt.

Vielen Dank und kein Problem :-)

[webster]

Ich habe auch gesehen, dass noch ein zweites slideitmoo.js (plugins/slideitmoo/js/1.3.0/slideitmoo.js)eingebunden ist, was aber wohl nicht genutzt wird. Eventuell testweise mal rausnehmen?

[andreasisaak]

Wie kommst du da drauf das es nicht genutzt wird????

[psren]

Das scheint schon richtig zu sein. Das eine ist das orginal-Script un das andere eine Erweiterung dazu von MenAtWork.

Edit: Ich habe mal unbenötigte Scripts rausgenommen und die Script-Komprimierung deaktiviert, dass ihr besser sehen könnt :-)

[webster]

Wie kommst du da drauf das es nicht genutzt wird????

varslide_slider_1=newExtendedSlideItMoo(...

Konstruiert einen Slider aus der anderen slideitmoo.js. Oder nutzt die Erweiterung wiederum das Original?
Okay, die Frage kann ich mir selbst beantworten: Klar, innerhalb der extended wird ja wiederum ein slideItMoo Slider erzeugt... oh man

[giorgiojob]

Hallo, also ich habe exakt das Gleiche Problem.
Es sieht ein wenig so aus, als würde irgendwo hinterlegt werden wann man mit der Maus auf welchen Bullet geklickt hat und dann spielt die Extension die Diashow so ob, wie man geklickt hat.
Hat jemand schon einen Tip wie man dieses etwas wirre Verhalten abstellen kann?

Vielen Dank schon mal vorab

Installiert ist bei mir:
Contao: 2.11.4
slideItMoo: 2.1.0 build 3

Verhalten war aber auch schon vor dem heutigen Update auf 2.1.0 buld 3 so.

[psren]

Wenigstens bin ich nicht der einzige, dass zeigt schonmal dass es nicht nur schlichte Dummheit war.

[ciaobello]

Wenigstens bin ich nicht der einzige, dass zeigt schonmal dass es nicht nur schlichte Dummheit war.

Ich würde es eher aktives debbugging nennen ... und nix mit Dummheit ;-)

So wie ich die Funktion mit den Bullets sehe und verstehe ist es im Moment eine Richgungsänderungs Funktion welche auch die Anzahl der "geslideten" Objekte anzeigt. Erst wenn die ganze Serie bis zum Ende durch ist wechselt das Karusell die Richtung. Direktes anspringen der einzelnen Objekte ist im Moment nicht möglich (ich krieg es auf jeden Fall auch nicht so hin).

ciaobello

[Andreas]

Versucht mal in slideitmoo.js Zeile 391 das hier auszutauschen und testet dann bitte mal.

/* alt
if(this.isScrolling || this.targetSlide)
    return;
*/
/* neu */
if(this.started || this.targetSlide)
    return;
clearInterval(this.autoSlide); 

[ciaobello]

na wo jetzt genau?

da:
\plugins\slideitmoo\js\1.3.0

oder da:
\system\modules\slideitmoo\html\js

und ich nehme an in slideitmoo_src.js ? Denn in slideitmoo.js habe ich den Code in einer Zeile?? Wird es automatisch wieder ein ein-zeiler ...


ciaobello

[Andreas]

Im Modulordner, das ist die ExtendedSlideItMoo, darüber wird die SlideItMoo aus dem Pluginsordner eingebunden. Ich hatte die noch gar nicht gesehen, da scheint aber nichts drin zu stehen, was das 'periodical' von SlideItMoo betrifft.

Also die slideitmoo.js aus dem Pluginsordner nehmen, und da hatte ich zum Debuggen natürlich die unkomprimierte Datei in slideitmoo.js umbenannt, sonst siehste ja nix.

[ciaobello]

Für mich kein spürbarer unterschied. Wenn ich zwei mal klicke in kurzer sequenz kann ich ihn anhalten und zwischendurch zum umdrehen veranlassen... ansonsten macht der Slider wie ich es in den Einstellungen eingestellt habe ....

Im Anhang die slideitmoo.js aus dem Plugin Ordner angepasst, für diejenigen die auch schauen wollen (nicht vergessen das original umzubenennen).

[psren]

So richtig klappen tut es immer noch nicht. Man bekommt es jetzt sogar hin, dass der Slider nurnoch rückwärts läuft.
Live gibt es das hier zu sehen.

:-(

[Andreas]

Außer dass die Richtung des Slides beibehalten wird, wenn man einen Bullet klickt, kann ich da jetzt aber keinen Fehler mehr sehen.

@ciaobello: Wenn du keinen Unteschied siehst, hast du die Datei wahrscheinlich noch nicht eingebunden.

[psren]

Außer dass die Richtung des Slides beibehalten wird, wenn man einen Bullet klickt, kann ich da jetzt aber keinen Fehler mehr sehen.

Ja, der Timer-Fehler scheint weg zu sein. Das mit dem Richtung beibehalten ist aber auch unschön :-)

[ciaobello]

ok, ich sehe gerade das man mit Doppelklick die Richtung ändert. Ansonsten läuft der Slider zuerst sein Programm ab bevor er die Richtung wechselt.
Für mich ist im Moment OK so.

Danke Andreas für Codes-Schnippsel & psren für die Demo.



Edit:
Nachdem ich die genauen Einstellungen wie psren übernommen habe geht es auch bei mir mit Single klick zum Richtungswechsel.

[Andreas]

Nicht dass falsche Vorstellungen aufkommen.

Da ist nichts mit Doppelklick programmiert.

this.started return sorgt dafür, dass während des Slidens kein weiterer Klick ausgeführt werden kann, ist das gleiche Verhalten, wie auch bei den vor- und zurück Buttons.

clearInterval(this.autoSlide); löscht den Timer.

Die Richtung des Autoslides folgt der letzten Richtung. Das könnte der Entwickler ändern, indem er für die Richtung immer die aus den Startoptionen nimmt.

[psren]

Die Richtung des Autoslides folgt der letzten Richtung. Das könnte der Entwickler ändern, indem er für die Richtung immer die aus den Startoptionen nimmt.

Naja aber wo kann ich die Startrichtung festlegen. Ich würde das ja auch direkt im Template machen, aber in der Dokumentation des Scriptes finde ich keine Option dass es immer die Richtung beibehalten soll.

Im Script finde ich diese stelle hier. Ist da was?!

 /* determines the current index in element list */
    currentIndex: function(){
        var elemIndex = null;
        switch( this.direction ){
            /* forward */
            case 1:
                elemIndex = this.currentElement >= this.totalElements-1 ? 0 : this.currentElement + this.direction;
                break;
            /* backwards */
            case -1:
                elemIndex = this.currentElement == 0 ? this.totalElements - 1 : this.currentElement + this.direction;
                break;
        }
        return elemIndex;
    },

[Andreas]

War das schon wieder ne andere Erweiterung? Die Richtung kannst du im CE nicht angeben, obwohl es die Option in SlideItMoo gibt.

direction: 1, /* sliding direction ( 1: enter from left/top; -1:enter from right/bottom ) */

Dazu müsstest du das Template moo_slideitmoo anpassen.

Du kannst aber nicht einstellen, dass die Richtung nach einem manuellen Richtungswechsel wieder aufgenommen wird.

Hier wird die Richtung berechnet in der Funktion clicked

dir =(diff > 0 ? 1 : -1);

Und wird dann weitergereicht an die Funktion slide(dir). Nach dem Ausführen der Slides bleibt die Richtungs-Variable in slide() dann weiterhin bestehen. Wie gesagt, das müsste der Entwickler ändern, wenn er es möchte.

[psren]

direction: 1, /* sliding direction ( 1: enter from left/top; -1:enter from right/bottom ) */

Cool wo hast du denn das gefunden wenn ich fragen darf ich habe die Doku von denen auch durchgeschaut gehabt?!

[Andreas]

Wenn die MooTools Plugins richtig programmiert sind, dann findest du die Optionen immer oben im Script in dem Objekt 'options'. Beim Instanziieren der Klasse kannst du diese Optionen überschreiben.

new SlideItMoo({
  option: 'wert',
  option2: 'wert' 
  option3: 2000
})

Beim Initialisieren der Klasse (das erste was passiert, wenn du eine Instanz erzeugst) werden die default Optionen mit denen aus der Übergabe gemerged.

initialize: function(options){
  this.setOptions(options);
...

[psren]

Was der Konstruktor macht habe ich schon verstanden, dachte nur ich habe das in ner Doku übersehen...
Aber irgendwie gibt das glaube ich nur die Start-Richtung an. Wenn ich via Bullet die Richtung ändere dann behält das Script die trotzdem bei...

Danke für deine endlose Geduld.

[Andreas]

...Wenn ich via Bullet die Richtung ändere dann behält das Script die trotzdem bei...

erklärt in #26

[psren]

Ich glaube ich schreibe da mal ein Ticket dazu dieses Verhalten wenigstens konfigurierbar zu machen.

[andreasisaak]

Hättest du das Ticket geschrieben dann hätten wir den Bug bereinigt. So haben wir vergessen ins Forum zu schauen Das wird erst Montag wieder was. Die Version 2.1.1 behebt deinen Fehler deswegen leider nicht.

[psren]

So, nun habe ich das Ticket geschrieben. Es war einfach nicht mehr akut und ich hatte es vergessen.
https://github.com/patrickkahl/slideItMoo/issues/41