tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
11
ZUGRIFFE
653
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Ivan Suta Tutorials.de Gastzugang
    Hi!
    Ich möchte eine Flashnavi machen aber da ich eigentlich kein Flash MX besitze kenn ich mich mit Flash nicht so aus... (zur Erklärung:Ich darf unsere Schulversion benützen)
    Ich wäre froh wenn mir jemand etwas unter die Arme greifen könnte...

    Jetzt zu der Navigation:
    Im Anhang hab ich 2 Bilder und die PSD Datei...
    Nacher soll bei einem Mouseover die eingravierte Schrift langsam in die grüne Schrift wechseln...
    Ich hoffe man kann sich das so vorstellen.

    Ich bin für jede Hilfe dankbar!

    Gruss
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Brauche Hilfe bei einer Navigation-navi1.jpg   Brauche Hilfe bei einer Navigation-navi2.jpg  

    Brauche Hilfe bei einer Navigation-navips.psd  
     

  2. #2
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,


    Importiere beide Grafiken in Flash (z.B. als PNG24) und packe sie in einzelne MovieClips: Für jeden Navigationspunkt legst Du einen MC an, der mithilfe einer Maske nur den Bereich zeigt, der dem jeweiligen Button entspricht.

    Alle diese Clips (zuunterst das erste Bild ohne grünes Licht) packst Du übereinander in einzelne Ebenen auf die Hauptzeitleiste und gibst ihnen fortlaufende Instanznamen (z.B. "navi_1" bis "navi_5"). Mit einer Schleife kannst Du dann alle diese Clips mit Mousehandlern und den Funktionen zum Ein- und Ausblenden ausstatten.

    Ein Beispiel liegt im Anhang vor.

    Gruß
    .
    Angehängte Dateien Angehängte Dateien
     

  3. #3
    Ivan Suta Tutorials.de Gastzugang
    Danke für deine Mühe Tobias!

    Ich hab jetz ne Stunde rumprobiert aber schaff es nicht
    Mit etwas mehr Schritten könnte ich es vielleicht schaffen...
    Oder jemand macht mir das schnell weil so schwer scheint das für Profis nicht zu sein...
    Allerdings dann mit den qualitativ besseren Bildern:
    Und wo kommt der Befehl getURL rein?
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Brauche Hilfe bei einer Navigation-navi1.jpg   Brauche Hilfe bei einer Navigation-navi2.jpg  

     

  4. #4
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Naja,

    mein Beispiel ist eigentlich schon fertig. Die Bilder kannst Du ersetzen, indem Du sie einfach aktualisierst (Rechtsklick auf das Bild in der Bibliothek -> Aktualisieren).

    @getURL: In meinem Code siehst Du folgenden Block:
    Code :
    1
    2
    3
    4
    
        obj.onRelease = function() {
            // Angeklickt:
            trace(this._name + " gedrückt");
        }
    Dort wo "Angeklickt" steht, kämen Deine Links hin.

    Dazu musst Du zuerst jedem Navi-Button (navi_1 bis navi_5) eine URL verpassen. Setze folgendes ganz an den Anfang des Scriptes:
    Code :
    1
    2
    3
    4
    5
    
    navi_1._dest = "home.htm";
    navi_2._dest = "wir.htm";
    navi_3._dest = "angebot.htm";
    navi_4._dest = "referenzen.htm";
    navi_5._dest = "kontakt.htm";
    (Du nimmst natürlich Deine wirklichen Links)

    Der anfangs von mir zitierte Codeblock muss dann folgendermaßen geändert werden:
    Code :
    1
    2
    3
    4
    
        obj.onRelease = function() {
            // Angeklickt:
            getURL(this._dest, "_blank");
        }
    (Statt "_blank" kannst Du auch "_self" oder den Namen eines Frames angeben: je nachdem, wo die neue Seite geöffnet werden soll)

    Gruß
    .
     

  5. #5
    Ivan Suta Tutorials.de Gastzugang
    Super!
    Vielen dank für deine Hilfe!

    Der Coder wollte nur noch fragen ob man es einstellen kann dass nach der Auswahl der Seite der dazugehörige Button grün bleiben kann,er hat mir noch gesagt dass er eine Variable von PHP die sagt welche Seite aktiv ist...

    EDIT:
    Das mit dem Aktualisieren klappt nicht so ganz weil ich jetz noch etwas an der Grafik geändert habe
    Wärst nochmal so nett und würdest das nochmal machen?
    Das wär wirklich lieb
    Geändert von Ivan Suta (13.01.06 um 17:08 Uhr)
     

  6. #6
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    Du öffnest die Links also im selben Fenster? Dann sag mir bitte, wie die Werte heissen, die aus PHP übergeben werden, damit ich Dir sagen kann, was in die FlashVars-Parameter muss.

    .. um Dir die Grafiken zu aktualisieren, müsste ich die geänderten Grafiken haben. Haben die sich nicht in der Größe geändert, kannst Du das ganz einfach selbst machen, indem Du "Eigenschaften" und dann auf "Importieren..." klickst (Rechtsklick in der Bibliothek). Dann kannst Du die aktuellen Grafiken mit beliebigen Bitmaps ersetzen.

    Gruß

    P.S.: Ich passe Dir die Datei an, aber sieh es bitte als absolute Ausname an, da wir hier in der Regel nur Hilfestellung beim Selbermachen geben - in diesem Fall habe ich allerdings schon ein Beispiel erstellt und die nötigen Änderungen betreffen nur wenige Zeilen.
    .
     

  7. #7
    Ivan Suta Tutorials.de Gastzugang
    Hi!
    Die veränderten Grafiken findest du oben...
    Wegen den PHPwerten,er hat gesagt du sollst du Menünamen nehmen,einfach kleingeschrieben,ohne leerzeichen und ohne Umlaute...

    Gruss
     

  8. #8
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Menünamen nehmen,einfach kleingeschrieben,ohne leerzeichen und ohne Umlaute...
    lässt zuviel Freiraum für Missverständnisse. Ich habe jetzt die Instanznamen der Buttons genommen: navi_1, navi_2 ... navi_5.

    Die Übergabe funktioniert folgendermaßen:
    Code :
    1
    2
    3
    4
    5
    6
    7
    
    $page = "navi_2"; // entspricht "Über uns"
     
    // FlashVars im Object-Tag:
    <param name="flashvars" value="page=<?php echo $page; ?>" />
     
    // FlashVars im Embed-Tag:
    <embed ... flashvars="page=<?php echo $page; ?>" ... ></embed>

    Gruß
    .
    Angehängte Dateien Angehängte Dateien
     

  9. #9
    Ivan Suta Tutorials.de Gastzugang
    Du weisst gar nicht wie du und damit geholfen hast
    Danke
     

  10. #10
    Dark22 Dark22 ist offline Mitglied
    Registriert seit
    Dec 2004
    Beiträge
    20
    Zuerst einmal vielen Dank für die Hilfe (ich bin übrigens der "Coder")

    Nun verstehe ich noch nicht ganz wie ich die Variabeln übergeben muss, dass es schlussendlich auch anzeigt welche Seite aktiv ist.

    Ich übergebe die Variabeln wie folgt:

    Code :
    1
    2
    3
    4
    5
    6
    
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="746" height="38">         
              <param name="flashvars" value="page=<?php echo $page; ?>" />
              <param name="movie" value="img/navi2.swf">
              <param name=quality value=high>
              <embed src="img/navi.swf" flashvars="page=<?php echo $page; ?>" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="746" height="38"></embed>
            </object>
    Muss ich nun die .fla Datei auch noch anpassen? Wenn ja wie?
     

  11. #11
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    das ist schon soweit richtig. Was steht denn bei Dir in $page?

    Warum bettest Du dort eigentlich unterschiedliche swf-Dateien für verschiedene Browser ein? IE-Benutzer bekommen z.B. die "img/navi2.swf" und Firefoxler die "img/navi.swf" ...

    Gruß
    .
     

  12. #12
    Dark22 Dark22 ist offline Mitglied
    Registriert seit
    Dec 2004
    Beiträge
    20
    so hab den hund gefunden

    ich muss natürlich die $page variable noch richtig definieren, also dass es navi_1 etc. ist.
    Nun funktioniert es! Vielen Dank

    Das wegen IE und Firefox eine andere Flashdatei war noch ein fehler im Code, sollte nun stimmen...

    www.deviantwebart.ch/entwurf
     

Ähnliche Themen

  1. Brauche Hilfe bei einer DB-Entwicklung
    Von Andron im Forum Relationale Datenbanksysteme
    Antworten: 8
    Letzter Beitrag: 08.03.07, 20:25
  2. Hilfe bei einer Dynamischen Navigation gesucht.
    Von messmar im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.05.05, 20:07
  3. Navigation, Brauche schnelle Hilfe
    Von Anubia im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 06.02.05, 12:03
  4. brauche hilfe bei einer animation
    Von BadFriend im Forum Flash Plattform
    Antworten: 7
    Letzter Beitrag: 04.10.01, 15:36