slimbox anpassen?

[redbecks]

Moin Moin!

Ich wollte grade mal die slimbox etwas anpassen, doch irgendwie passiert da nix.

Gerne würde ich z.B. das Öffnen der Box ändern. Ich habe im Internet gefunden, dass man dazu resizeTransition von false in eine Fx.Transitions Methode ändern muss. So bin ich dann auf mootools gegangen und habe mir die Methoden herausgesucht, die es gibt. HIER

Dann bin ich in meinem Typolight in das Verzeichnis plugins/slimbox/js/ und habe die slimbox.js geöffnet (auch mit slimbox_src.js probiert).

Dann habe ich resizeTransition gesucht und den Wert false z.b. in Fx.Transitions.Elastic.easeOut geändert, doch es tut sich nix. (Ich habe alle Methoden ausprobiert)

Mache ich etwas falsch? Gibt es diese Möglichkeit nicht in Typolight? Oder was is da los?

LG
Simon

[RolandAuer]

Für die Slimbox kannst du eigene Optionen angeben.

0. (Zuallererst deine Änderungen in der slimbox.js wieder rückgängig machen.)

1. Schau auf http://www.digitalia.be/software/slimbox, lade dir die Originaldatei herunter und suche das Kommentar "put custom options here".

2. Dann öffnest du die "slimbox.js" im Verzeichnis "plugins/slimbox/js/" in deinem Typolight, suchst den Ort wo "put custom options here" stehen SOLLTE und änderst die Option für "resizeTransition" auf zB "Fx.Transitions.Elastic.easeOut". Ein Beispiel für die Angabe von Optionen dafür ist auch auf der oben genannten Seite.

3. slimbox.js speichern, Seite aktualisieren und voilà, müsste passen.

[planepix]

Danke für die Tipps.

Klasse wäre noch wenn sich eines Tages die Slimbox auch sprachenabhängig die Texte und Grafiken "holt".

[redbecks]

Vielen Dank!

Nachdem ich z.B. resizeTransition: Fx.Transitions.Bounce.easeOut hinzugefügt habe hat es geklappt, doch es Funktionieren nur die Methoden:

• Elastic.easeOut
• Bounce.easeOut
• und das normale

Kann man noch weitere Methoden irgendwie einfügen? Mir gefällt auch dieses Methode, wo es von außen nach innen aufgeht, was doch bestimmt mit Elastic.easeIn gehen müsste?

[RolandAuer]

So, nach einem Wochendende Airpower in Zeltweg (einfach unglaublich , unbedingt zu empfehlen für jeden Fliegerfan!) melde ich mich wieder:

Bei mir funktionieren weitere Methoden, jedoch ist es möglich, dass man nicht alle erkennt. Sehr gut dargestellt werden die verfügbaren Methoden auf consideropen.com. Weiter unten auf dieser Seite werden anhand von normalen divs die Effektmöglichkeiten gezeigt.

Diese Effekte heißen:

• Quad
• Cubic
• Quart
• Quint
• Expo
• Circ
• Sine
• Back
• Bounce
• Elastic

Diese 10 Effekte haben jeweils drei Einstellungen:

• easeIn
• easeOut
• easeInOut

Für die Effektangabe in den Optionen heißt das immer:
Fx.Transitions.Effektname.Einstellung

Mir gefällt auch dieses Methode, wo es von außen nach innen aufgeht, was doch bestimmt mit Elastic.easeIn gehen müsste?

Das kapiere ich nicht so ganz, meinst du von 100%BreiteHöhe auf die Größe des Bildes?

@planepix:
Ich verstehe nicht ganz, was du damit meinst. Die Slimbox nimmt ja einfach Title und Alt von den Bildattributen zur Anzeige. Also müsste man ja die Spracheneinstellung ja schon früher erledigen, und die Slimbox ist bis auf den eigene Textanzeige (Next, Prev, Close, Bild x von y) dann schon recht unabhängig von gemeiner Prosa . Oder habe ich dein Kommentar jetzt falsch verstanden?
Nichtsdesto weniger umso Trotz: Es scheint aber so, als sei der/die Slimbox-Entwickler auf jQuery umgestiegen, also wird die Weiterentwicklung hier ein wenig hinken, außer jemand anders reißt sich das unter den Nagel.

[planepix]

Hallo Roland,

um die AirPower beneide ich Dich hatte ich auf dem Plan aber nicht geschafft...

[redbecks]

@ Roland

Also auf der Seite, die du angegeben hast, sind die Effekte deutlich besser zu erkennen, wie bei mir und ich kann mir langsam etwas unter den jeweiligen Methoden vorstellen . Dann muss ich wohl noch etwas mit den Millisekunden (Aufklappzeit) herumprobieren, bis ich auch ein ähnliches Ergebnis bekomme...

Und das was ich meinte mit dem von groß zu klein aufklappen ist HIER zu sehen (die Bilder ganz unten).

Vielen Dank schon mal!

[RolandAuer]

Dass der Effekt nicht gut sichtbar ist, kann an der Größenveränderung von der weißen Box zum Foto liegen. Wenn die Veränderung zu klein ist, sieht man es einfach nicht so gut.

Und das was ich meinte mit dem von groß zu klein aufklappen ist HIER zu sehen (die Bilder ganz unten).

Das ist ganz leicht nachzumachen. Einfach in den Optionen für die Slimbox "initialHeight" und "initialWidth" auf einen hohen Pixelwert setzen.

@planepix: In 2 Jahren ist sie wieder, die AirPower. Unglaublich beeindruckend, undbedingt ansehen! Und wichtig: Sitzgelegenheit selber mitnehmen, sonst steht man sich die Beine in den Bauch.

[mv_alex]

Klasse wäre noch wenn sich eines Tages die Slimbox auch sprachenabhängig die Texte und Grafiken "holt".

Das würde ich auch super finden!

Gibt es eigentlich einen Weg, die Slimbox updatesicher einzudeutschen?