2011-01-04 2 views
3

Ich überlege, ein Redesign einer Flash-Website mit jQuery-Effekten und Übergängen zu versuchen. Ich wollte nur die Community erreichen, um zu sehen, wie machbar das wirklich ist, wenn man die besonderen Übergänge und Effekte dieser Website betrachtet.Flash-Website in jquery erneuert? möglich?

Hier ist der Link:

http://antonynicoli.com/english.html

Die Galerie I von Karussell-Plugin neu erstellt werden erraten können, aber es gibt so viele es vielleicht aus, so könnte eine stabile vorschlagen, die dazu am besten geeignet sein würde Job. Die anderen Elemente, die meine Aufmerksamkeit erregt haben, in denen ich nicht wirklich wissen würde, wo ich anfangen soll, sind die Navigationsleiste und der Effekt, der wie ein Buch aussieht, wenn man auf einen Link in der Navigationsleiste klickt. Irgendwelche Eingaben würden geschätzt werden. Vielen Dank.

+0

Wenn Sie es nicht restrukturieren wollen, denke ich, dass Sie jetzt besser dran bleiben, um zu blinken. Dort gibt es viele komplexe Animationen. – Brad

+0

Einige davon (z. B. ein Bildkarussell mit * einfachen Übergängen *, beispielsweise weniger einer Überblendung als aktuell und browserabhängig) sind ziemlich machbar.Einige Dinge wie die "Bücher öffnen", obwohl sie simuliert werden können, sind in aktuellen JS-Angeboten, sogar mit dem Aufkommen von "Leinwand" AFAIK, nicht trivial oder einfach zu machen. Wenn ein paar Kompromisse gemacht werden, würde ich ansonsten "machbar" zustimmen - nein. –

Antwort

3

Dies ist wahrscheinlich machbar, aber ich wundere mich über die Gründe für den Wechsel zu einer HTML/jQuery-Lösung, wenn es im Moment ziemlich gut aussieht (wie Brad oben ausgeführt hat, würde es eine totale Nacharbeit erfordern). Ich sehe ein paar Dinge los:

  • Karussell: jCarousel (http://sorgalla.com/jcarousel/) (nie verwendet, aber es ist sehr beliebt)
  • Animationen: jQuery Animate (http://api.jquery.com/animate/)
  • Andere Widgets/Wechselwirkungen: jQueryUI: (http://www.jqueryui.com)

nicht sicher, wie Sie über die Open-book-Animation gehen würden, aber ich vermute, du könntest es mit einigen cleveren jQuery-Animationen erreichen.

Der beste Weg, um zu sehen, ob es gemacht werden könnte, ist: fang an, es zu tun! jQuery hat Tonnen von Ressourcen und Sie werden hier auf StackOverflow gute Hilfe bekommen.

0

die gesamte Website kann mit jquery erfolgen. Alles, was Sie tun müssen, ist alle auf der Website gemachten Animationen zu kartieren und auf Papier zu schreiben. dann suchen Sie nach den jquery Alternativen online und überprüfen Sie sie nacheinander. Manche Dinge sind vielleicht nicht genau, aber es wird den Job machen.

3

Nach dem Betrachten der Website glaube ich, dass die meisten Effekte ziemlich gut mit jQuery neu erstellt werden können. Natürlich ist Ihr Endergebnis nicht so flüssig wie die Flash-Implementierung, aber ich denke, dass es möglich ist.

Wenn Sie HTML 5 verwenden, können viele Animationen wie Seitenübergänge mit dem Eröffnungsbuch mit dem Canvas-Element simuliert werden. Gleiches gilt für die Navigationselemente.

https://developer.mozilla.org/en/canvas_tutorial

http://diveintohtml5.ep.io/canvas.html#divingin

Wie Sie einige der Effekte wie das Karussell erwähnt können aus vorhandenen Plugins recycelt werden. Der einzige Nachteil besteht darin, wie viel Zeit Sie investieren möchten, um ein Design in eine Sprache zu portieren, die für diese Aufgabe nicht geeignet ist. jQuery ist ein hervorragendes Framework, aber es ist bei weitem nicht ein Ersatz, um Effekte zu erstellen, die in Flash/Actionscript einfach zu erstellen sind.

+1

Es gibt natürlich das Problem, dass Canvas im IE bis IE9 nicht unterstützt wird, so dass Sie ein gewisses Ausweichverhalten benötigen. – Matchu

+0

In der Tat - ich habe versucht, der Frage "kann es getan werden" treu zu bleiben und nicht "ist es praktisch". – Transition

Verwandte Themen