[JavaScript] Auch in JavaScript möglich?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von SidDasFaultier, 31. Januar 2012 .

Schlagworte:
  1. 31. Januar 2012
    Auch in JavaScript möglich?

    Hey Rushler,

    vielleicht hat jemand von euch eine Idee oder sonstiges.

    Und zwar möchte ich eine Navigation umsetzten die denselben Effekt wie diese hier hat. Nur möchte ich kein Flash einsetzten sondern lieber JavaScript.

    Hat von euch schonmal jemand einen "ähnlichen" oder vielleicht auch denselben Effekt mit JavaScript umgesetzt oder hat eine Idee wie ich das lösen könnte.

    Danke!
     
  2. 31. Januar 2012
    AW: Auch in JavaScript möglich?

    schlecht, weil du dazu CSS translate3D benötigst, was derzeit nur chrome und firefox alpha beherschen.

    aufwenigiger gehts auch mit nem canvas, aber das ist mmn. viel zu überladen für so nen besch...eidenen effekt und das bekommst du im leben nicht alleine hin.

    schau doch mal ob irgendwer nen jquery plugin dafür hat.

    google ist dein freund.
     
  3. 31. Januar 2012
    AW: Auch in JavaScript möglich?

    Kann mich nur Murdoc anschliessen.
    Ich würde dir davon abraten.
    Denn mal ehrlich, wofür?
    Ich zum Beispiel bin froh solche Sachen nicht mehr zu sehen, weil Flash am aussterben ist.
    Lieber dezent halten anstatt HomepageMaker-Style.
     
  4. 31. Januar 2012
    AW: Auch in JavaScript möglich?

    Man könnte sicher auch die Frames der Bewegung als ein vertikal längliches Bild speichern und dann mittels javascript "durchblättern" damits wie eine Bewegung aussieht, nur weiß ich nicht wie flüssig das im Endeffekt aussehen würde
     
  5. 31. Januar 2012
    AW: Auch in JavaScript möglich?

    und dann für jeden menüpunkt nen sprite erstellen?
    oha, naja wers braucht und google vom rumwuseln abhalten will

    sowas war ja vor ein paar jahren gang und gäbe
     
  6. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    Also okey dann hack ich das einfach mal als "nicht möglich" ab.

    Im Prinzip war das so gedacht das ein Wort als Navigationspunkt dasteht und durch diesen "Umwürfel"-Effekt ein anderes Wort da steht.

    Hat da jemand einen Ansatz?
     
  7. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    Man kann ein Standard-Menü erstellen das nur einen einfachen Hover/Focus-Effekt, z.b. dunklere Hintergrundfarbe, hat und bei 3D-Transform unterstützenden Browsern den 3D Effekt nutzt.

    Mit Modernizr kann man Erkennen lassen ob der Browser 3D-Transform unterstützt oder nicht.
    Wird es unterstützt dann fügt Modernizr dem HTML-Element die Class "csstransforms3d" hinzu.

    .csstransforms3d .menu a:hover { background-color: #f00; }
     
  8. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    animierte gif?
    ist zwar nicht ruckelfrei, da weniger schritte, aber der effekt wäre der selbe.
    einfach onmousover/onmouseout src tauschen.

    hoffe das es keine dyn. webseite werden soll.
     
  9. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    genau da liegt der Hase im Pfeffer. Kann nicht jedes mal das Hintergrundbild wechseln wenn sich ein Menüpunkt ändert.

    Naja trotzdem Danke für Eure Hilfe. Werd ich wohl oder übel auf den Effekt verzichten und per mousover einen div drunter ausklappen auf den die Info steht die kommen soll.

    BWs sind raus
     
  10. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    jau, der neue firefox is raus und läuft endlich stabil auf meinem system!

    daher hab die gelegenheit genutzt und mich mal dran gesetzt:
    http://murdoc.eu/rr/flip.html

    läuft natürlich nur in kompatiblen browsern (ff10, chrome12/safari4, ie10)
     
  11. 1. Februar 2012
    AW: Auch in JavaScript möglich?

    wau, ff10 drauf und schon flipt das, super tut, danke.
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.