SwishKomponenten.de

Artikel-Schlagworte: „open source“

Aus immer mehr modernen Bildquellen gibt es immer größere Bilder. Diese sind oftmals zu groß für die Webseiten, sollen aber trotzdem angeschaut werden. Beispielhaft seien hier Panoramafotos genannt, die man heute mit entsprechender Software schon aus Handybildern zusammen setzen kann. Mit einer Erweiterung der Scrollbar aus Swishmax 2 kann man diese Bilder sehr gut scrollen.

In diesem Artikel geht es um das Scrollen von großen Bildern. Ausserdem fügen wir einen Preloader hinzu. Den Download gibt es wie immer am Ende.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Schritt für Schritt Anleitung Swishmax 2 /Swishminimax 2

Schritt 1.Legen Sie die Größe des Films fest. Drücken Sie Strg+j und geben Sie die Filmgröße 400×300 ein.

Schritt 2. Richten Sie das Bild aus. Das Bild muss 300 Pixel hoch sein. Benutzen Sie ein Bildbearbeitungsprogramm um das Bild auf die 300 Pixel Höhe zu bringen.

Schritt 3. Importieren Sie das Bild. Benutzen Sie Menü-> Einfügen -> Bild importieren.  Klicken Sie O=X Knopf im Transformieren Fenster und setzen Sie den Transformations und Referenzpunkt auf Links oben, Setzen Sie  _xuand _y position auf 0, 0.

Merken Sie sich die Breite des Bildes. Im Beispiel sind es 1377 Pixel. Wir benötigen die Zahl später. Diesen Beitrag weiterlesen »

Die Eselsohren oder Flashecken für Flashfilme werden mit am häufigsten nachgefragt. Das im folgenden vorgestellte “peelaway” funktioniert in Swishfilmen und ist als Komponente realisiert. Die Benutzung in Swishmax 2 und Swishminimax ist somit recht einfach. Das Eselsohr funktioniert nicht als Layer über HTMl-Seiten. Dafür empfehlen wir das sehr robuste Script vom XML-Peel, dass ausserdem sehr einfach anzupassen ist.

Die Ecke kann für vielfältige Zwecke eingesetzt werden. Ob nun Werbung oder Kontrollen für Musikplayer oder weitere Informationen, der Vorteil ist, dass Elemente ausgelagert werden und somit der Hauptbildschirm von unnöitgem Balast verschont wird.

Unglücklicherweise ist die Entwicklung solcher Ecken sehr schwierig. Daher wurde die Komponente “peelaway” entwickelt. Die Komponente wird in kommenden Versionen von Swishmax 2 und Swishminimax enthalten sein.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Hier ist ein Beispiel für die Funktionsweise des Peels.

Die Komponente kann wie gewohnt über Parameter konfiguriert werden. Die Parameter für das Beispiel sind rechts in dem Screenshot zu sehen. Die Farbparameter sind selbsterklärend. Die anderen Parameter werden weiter unten erklärt.

Closed Fold – Geschlossener Ordner – Das ist der Wert für das Eselsohr, dass bei geschlossenem Peel umgeklappt ist. Die Größe wird in Pixel angegeben. Hier kann auch 0 angegeben werden, aber nicht, wenn Mouse Over Area auf fold gesetzt wird, da sonst keine Reaktion auf die Maus erfolgt.

Maximum Fold – Die maximale Größe beim Ausklappen in %, wobei die kürzeste Seite berücksichtigt wird. Die Größe beinhaltet den Fold-Radius. Setzen Sie den Wert am Anfang auf 100 und probieren Sie andere Werte aus.

Fold Radius – Der Radius der Ecke. 30 sah im Beispiel am besten aus.  Eine kleinere Nummer gibt eine kleinere Ecke.

Fold Speed – Die Geschwindigkeit, je größer der Wert, desto schneller klappt die Ecke auf.

Event Function – Die Funktion, die aufgerufen wird, wenn ein Ereignis der Komponente aufgerufen wird. Folgende Ereignisse stehen zur Verfügung:

Opened – Das Peel ist komplett geöffnet Diesen Beitrag weiterlesen »