Wie erstellt man so eine Website?

[_Elia_]

Moin Leute,

ich habe neulich in einer Liste mit ansehnlichen Websiten folgendes gefunden:

Dabei habe ich mich gefragt, wie die dabei vorgegangen sind? Also mit dem Scrollen und dem Klicken auf einen Link, ohne dass das bild neugeladen wird. Es ist ja im Prinzip eine große Website ohne Unterseiten.

Hat jemand eine Idee, wie man so etwas erstellt?

 

[Myhar]

AW: Wie erstellt man so eine Website?

Schau dir die Seite einmal mit ausgeschaltetem Javascript an, die haben alles in eine Seite gepackt und man kann dann horizontal hin und her scrollen. Ich kanns grad nicht erklären, einfach anschauen, dann sollte es klar sein.

 

[_Elia_]

AW: Wie erstellt man so eine Website?

Ah okay. Sowas hab ich mir schon gedacht. Also einfach eine große Seite. Und wie mach ich das dann mit dem Scrollen?

 

[doratobi]

AW: Wie erstellt man so eine Website?

iss ja cool...hab ich so noch garnicht mal gesehen...

 

[Myhar]

AW: Wie erstellt man so eine Website?

Ok hab mir die Seite jetzt auch mal mit aktiviertem JS angeschaut, so viel Unterschied ist da gar nicht. Es wird einfach mit Ankerlinks gearbeitet (sieht man am Link am #slide01 - #slide05) und per JS wird einfach eine Animation zum betreffenden Slide angewandt, ansonsten springt er einfach so.
Ist die Bildschirmauflösung groß (breit) genug (so wie bei mir) sieht man auch den Anfang vom zweiten Slide, ohne dass man gescrollt hat. Wenn die Auflösung unter der Höhe der Webseite liegt, kann man sogar diagonal scrollen...

 

[Titelfigur]

AW: Wie erstellt man so eine Website?

Ist aber ne ziemlich peinliche Umsetzung für einen selbsternannten Webdesigner.
iframe, kein doctype... echt übel.

 

[dnai85]

AW: Wie erstellt man so eine Website?

also ich finde die idee nicht gut.
die seite ist grafikmäßig nicht schlecht gemacht, aber mir gefällt das mit dem horizontalen scrollen nicht gut.

 

[_Elia_]

AW: Wie erstellt man so eine Website?

Ich habe auch eine Seite mit vertikalem Scrollen gefunden. Hab den Link aber nicht gespeichert.

Was hat es denn mit diesen Ankerpunkten auf sich? Habe davon noch nichts gehört.

 

[tr4ze]

AW: Wie erstellt man so eine Website?

Goggle mal nach coda slider, das sollte die technik sein die dahinter steckt.

 

[marcmaroc]

AW: Wie erstellt man so eine Website?

Vielleicht ist die Programmierung nicht das beste, jedoch ist die Idee gut...und so simple.
Das wichtigste ist ja das es auffällt und das ist ja wohl der Fall.

 

[MyBad]

AW: Wie erstellt man so eine Website?

Ist aber ne ziemlich peinliche Umsetzung für einen selbsternannten Webdesigner.
iframe, kein doctype... echt übel.

Absolut! Liegt aber eher an der Frameweiterleitung auf eine Subdomain. Vermutlich vom Provider her gesteuert.
<- So ists besser Dennoch ist die Seite nicht wirklich valide.


Mit Ankerpunkten, kannst du Bereiche innerhalb eines Dokumentes (Webseite) direkt anspringen. Damit es so schön "slidet" nutzt man JavaScript (Würde ein JS-Framework empfehlen: jQuery, Scriptaculo, etc. -> SmoothScroll).

 

[Nero83]

AW: Wie erstellt man so eine Website?

hey Leute,

könnte man unten den scrollbalken per JS auch deaktivieren ?

 

[Herr_D]

Vielleicht ist die Programmierung nicht das beste, jedoch ist die Idee gut...und so simple.
Das wichtigste ist ja das es auffällt und das ist ja wohl der Fall.

Ist aber nicht ganz neu





Ich hatte meine damalige Seite auch mal mit so einem ähnlichen Script ausgestattet...

hey Leute,

könnte man unten den scrollbalken per JS auch deaktivieren ?

Kannste per CSS machen (nicht empfehlenswert, weil du nicht weißt, ob der User JS ausgeschaltet hat, dann kann er gar nicht mehr scrollen)

body {
overflow:hidden; }

 

[Llynyania]

AW: Wie erstellt man so eine Website?

codaslider oder auch contentslider machen diesen effekt. ich denke man kann beide slider horizontal oder vertikal einstellen.

mit einem contentslider habe ich schon gearbeitet, der sprang von div zu div und man mußte nichts weiter beachten. wie er hieß weiß ich nicht mehr, er flog irgendwann wieder raus.

have fun

 

[Nero83]

AW: Wie erstellt man so eine Website?

ok danke für die schnellen Antworten !ich denke ich werde das mal ausprobieren, weil irgendwie bin ich gestern voll auf dieser Seite kleben geblieben Polecat: iOS, iPhone, iPad development