Webentwicklung

SidDasFaultier · 31.01.2012, 15:41

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!

**Murdoc** · 31.01.2012, 16:06

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.

DerEntscheider · 31.01.2012, 18:47

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.

*Dr. Cox* · 31.01.2012, 19:01

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

**Murdoc** · 31.01.2012, 20:40

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

SidDasFaultier · 01.02.2012, 09:05

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?

Nanobyte · 01.02.2012, 10:14

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; }

*onip* · 01.02.2012, 11:43

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.

SidDasFaultier · 01.02.2012, 12:18

Zitat:

hoffe das es keine dyn. webseite werden soll.

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

**Murdoc** · 01.02.2012, 16:28

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)

*onip* · 01.02.2012, 16:41

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

SidDasFaultier · 01.02.2012, 18:27

Geile Sache, DANKE!

31.01.2012, 15:41	# 1
SidDasFaultier File Camper Bewertung: Registriert seit: Mar 2009 Internet: DSL2 16K Beiträge: 236 Power: 12	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! Greetz AlexXx Die Menschheit teil sich in 10 Gruppen; die, die Binärcode verstehen, und die, die nicht.

31.01.2012, 16:06	# 2
Murdoc Moderator Bewertung: Registriert seit: Nov 2006 Internet: DSL2 16K Beiträge: 6.163 Power: 51	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. MfG Murdoc Meins: http://murdoc.eu

31.01.2012, 20:40	# 5
Murdoc Moderator Bewertung: Registriert seit: Nov 2006 Internet: DSL2 16K Beiträge: 6.163 Power: 51	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 MfG Murdoc Meins: http://murdoc.eu

01.02.2012, 09:05	# 6
SidDasFaultier File Camper Bewertung: Registriert seit: Mar 2009 Internet: DSL2 16K Beiträge: 236 Power: 12 Themenstarter	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? Greetz AlexXx Die Menschheit teil sich in 10 Gruppen; die, die Binärcode verstehen, und die, die nicht.

01.02.2012, 10:14	# 7
Nanobyte Kabel Wurm Bewertung: Registriert seit: Jan 2010 Internet: DSL2 16K Beiträge: 713 Power: 13	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; } \| Sollte ich mich irren, dann schickt mir bitte eine PM ;)

31.01.2012, 18:47	# 3
DerEntscheider Don Szene Bewertung: Registriert seit: Oct 2011 Beiträge: 127 Power: 4	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.

31.01.2012, 19:01	# 4
Dr. Cox File Camper Bewertung: Registriert seit: Dec 2007 Internet: DSL 6000 Beiträge: 220 Power: 15	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

01.02.2012, 11:43	# 8
onip Master of supply Bewertung: Registriert seit: Sep 2004 Beiträge: 1.523 Power: 29	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.

01.02.2012, 16:28	# 10
Murdoc Moderator Bewertung: Registriert seit: Nov 2006 Internet: DSL2 16K Beiträge: 6.163 Power: 51	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) MfG Murdoc Meins: http://murdoc.eu

01.02.2012, 16:41	# 11
onip Master of supply Bewertung: Registriert seit: Sep 2004 Beiträge: 1.523 Power: 29	wau, ff10 drauf und schon flipt das, super tut, danke.

01.02.2012, 18:27	# 12
SidDasFaultier File Camper Bewertung: Registriert seit: Mar 2009 Internet: DSL2 16K Beiträge: 236 Power: 12 Themenstarter	Geile Sache, DANKE! Greetz AlexXx Die Menschheit teil sich in 10 Gruppen; die, die Binärcode verstehen, und die, die nicht.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Javascript Favelet als Link versenden möglich?	Homicider	Webentwicklung	1	18.02.2012 06:28
[JavaScript] - QueryString - Komplexe Parameter nun auch für JavaScript!	Murdoc	Webentwicklung	12	12.11.2011 12:27
[JavaScript] - [Tutorial] PHP- & AJAX-Gästebuch, auch ohne JavaScript	Hadean	Webentwicklung	0	28.05.2009 18:28
Schäuble-Vertrauter im Interview Guantanamo auch in Deutschland möglich ?	subx	Politik, Umwelt, Gesellschaft	4	28.12.2007 22:49
Leben mit Wölfen auch in Deutschland möglich	xxxkiller	Netzwelt News	0	11.02.2007 18:25

Webentwicklung

[JavaScript] - Auch in JavaScript möglich?