Antworten auf deine Fragen:
Neues Thema erstellen

Wie erstellt man so eine Website?

E

_Elia_

Guest

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

Hat es drauf

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.
 
E

_Elia_

Guest

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?
 

Myhar

Hat es drauf

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...
 
T

Titelfigur

Guest

AW: Wie erstellt man so eine Website?

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

dnai85

Aktives Mitglied

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.
 
E

_Elia_

Guest

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

Mod | Forum

Teammitglied
PSD Beta Team
AW: Wie erstellt man so eine Website?

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

marcmaroc

Nicht mehr ganz neu hier

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

localhorst

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).
 
Zuletzt bearbeitet:
N

Nero83

Guest

AW: Wie erstellt man so eine Website?

hey Leute,

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

Herr_D

offline

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)


Code:
body {
overflow:hidden; }
 
Zuletzt bearbeitet:

Llynyania

Benutzertitel aberkannt

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
118.611
Beiträge
1.538.342
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben