PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Brauche Hilfe bei Flash Slieder!
Beitrag
<blockquote data-quote="Eskayp" data-source="post: 903520" data-attributes="member: 17384"><p><strong>AW: Brauche Hilfe bei Flash Slieder!</strong></p><p></p><p>Ein "Slider" ist ein Schieber, also z.B. bei einer Scrollleiste das Ding, das man hin- und herschiebt um die Seite hoch und runter zu scrollen.</p><p></p><p>Eine "Slideshow" (nicht Slidershow) ist eine "Diavorführung".</p><p></p><p>Und das was Du willst ist ein Image-Fade-Via-Button-Tool. hehe. Ok, war ein Scherz, k.A. wie man das nennt.</p><p></p><p>Zur Umsetzung:</p><p>Du brauchst 4 Buttons (wobei die Buttons auf der Seite eigentlich schon was komplizierter sind, aber belassen wir es erstmal bei einfachen Buttons) und benennst diese btn1 bis btn4.</p><p></p><p>Und Du brauchst 4 Bilder, die Du schonmal in 4 verschiedene MovieClips packst und übereinander (also deckungsgleich aufeinander) auf der Bühne positionierst und nennst diese MCs dann pic1 bis pic4.</p><p></p><p>Die Buttons belegst Du mit einem onRollOver-Event und rufst dabei eine Funktion auf (z.B. nennen wir die "switchPicture").</p><p></p><p>Also so:</p><p>[code]</p><p>btn1.onRollOver = function() { _root.switchPicture(pic1); }</p><p>[/code]</p><p></p><p>Dann packst Du in _root den Code der Funktion, der in etwa so lautet:</p><p>[code]</p><p>function switchPicture(mc) {</p><p> mc.onEnterFrame = function() {</p><p> this._alpha += 5;</p><p> if (this._alpha >= 100) {</p><p> this._alpha = 100;</p><p> delete this.onEnterFrame;</p><p> }</p><p> }</p><p>}</p><p>[/code]</p><p></p><p>Du übergibst also den MovieClip, den Du reinfaden möchtest, der Funktion "switchPicture" und diese erhöht "pro Runde" (also pro Frame) den Alpha-Wert des Bildes um 5, bis es irgendwann zu 100% sichtbar ist. Dafür musst Du natürlich vorher die Bilder auf Alpha=0 setzen und ein bereits eingeblendetes Bild hinterher auch wieder ausblenden. Also letztendlich so:</p><p></p><p>[code]</p><p>pic1._alpha = 0;</p><p>pic2._alpha = 0;</p><p>pic3._alpha = 0;</p><p>pic4._alpha = 0;</p><p></p><p>var lastPic:MovieClip = null;</p><p></p><p>function switchPicture(mc) {</p><p> if (lastPic != null) {</p><p> lastPic.onEnterFrame = function() {</p><p> this.alpha -= 10;</p><p> if (this._alpha <= 0) {</p><p> this._alpha = 0;</p><p> delete this.onEnterFrame;</p><p> }</p><p> }</p><p> }</p><p></p><p> lastPic = mc;</p><p></p><p> mc.onEnterFrame = function() {</p><p> this._alpha += 10;</p><p> if (this._alpha >= 100) {</p><p> this._alpha = 100;</p><p> delete this.onEnterFrame;</p><p> }</p><p> }</p><p>}</p><p></p><p>btn1.onRollOver = function() { _root.switchPic(_root.pic1); }</p><p>btn2.onRollOver = function() { _root.switchPic(_root.pic2); }</p><p>btn3.onRollOver = function() { _root.switchPic(_root.pic3); }</p><p>btn4.onRollOver = function() { _root.switchPic(_root.pic4); }</p><p>[/code]</p><p></p><p>Damit hast Du einen ähnlichen Effekt wie auf dem G-Portal. Allerdings haben die dort noch zusätzlich mit Farbeffekten gespielt und natürlich aufwendigere Buttons erstellt.</p></blockquote><p></p>
[QUOTE="Eskayp, post: 903520, member: 17384"] [b]AW: Brauche Hilfe bei Flash Slieder![/b] Ein "Slider" ist ein Schieber, also z.B. bei einer Scrollleiste das Ding, das man hin- und herschiebt um die Seite hoch und runter zu scrollen. Eine "Slideshow" (nicht Slidershow) ist eine "Diavorführung". Und das was Du willst ist ein Image-Fade-Via-Button-Tool. hehe. Ok, war ein Scherz, k.A. wie man das nennt. Zur Umsetzung: Du brauchst 4 Buttons (wobei die Buttons auf der Seite eigentlich schon was komplizierter sind, aber belassen wir es erstmal bei einfachen Buttons) und benennst diese btn1 bis btn4. Und Du brauchst 4 Bilder, die Du schonmal in 4 verschiedene MovieClips packst und übereinander (also deckungsgleich aufeinander) auf der Bühne positionierst und nennst diese MCs dann pic1 bis pic4. Die Buttons belegst Du mit einem onRollOver-Event und rufst dabei eine Funktion auf (z.B. nennen wir die "switchPicture"). Also so: [code] btn1.onRollOver = function() { _root.switchPicture(pic1); } [/code] Dann packst Du in _root den Code der Funktion, der in etwa so lautet: [code] function switchPicture(mc) { mc.onEnterFrame = function() { this._alpha += 5; if (this._alpha >= 100) { this._alpha = 100; delete this.onEnterFrame; } } } [/code] Du übergibst also den MovieClip, den Du reinfaden möchtest, der Funktion "switchPicture" und diese erhöht "pro Runde" (also pro Frame) den Alpha-Wert des Bildes um 5, bis es irgendwann zu 100% sichtbar ist. Dafür musst Du natürlich vorher die Bilder auf Alpha=0 setzen und ein bereits eingeblendetes Bild hinterher auch wieder ausblenden. Also letztendlich so: [code] pic1._alpha = 0; pic2._alpha = 0; pic3._alpha = 0; pic4._alpha = 0; var lastPic:MovieClip = null; function switchPicture(mc) { if (lastPic != null) { lastPic.onEnterFrame = function() { this.alpha -= 10; if (this._alpha <= 0) { this._alpha = 0; delete this.onEnterFrame; } } } lastPic = mc; mc.onEnterFrame = function() { this._alpha += 10; if (this._alpha >= 100) { this._alpha = 100; delete this.onEnterFrame; } } } btn1.onRollOver = function() { _root.switchPic(_root.pic1); } btn2.onRollOver = function() { _root.switchPic(_root.pic2); } btn3.onRollOver = function() { _root.switchPic(_root.pic3); } btn4.onRollOver = function() { _root.switchPic(_root.pic4); } [/code] Damit hast Du einen ähnlichen Effekt wie auf dem G-Portal. Allerdings haben die dort noch zusätzlich mit Farbeffekten gespielt und natürlich aufwendigere Buttons erstellt. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Brauche Hilfe bei Flash Slieder!
Oben