zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Jquery Scrollto id bei Seitenaufruf

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.05.2014, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2014
Beiträge: 7
likandoo befindet sich auf einem aufstrebenden Ast
Standard Jquery Scrollto id bei Seitenaufruf

Hey Leute,

ich hab die nächste Frage mit meinem Projekt:

danielkeller.org - portfolio

Es ist eine horizontale Scrollingsite, im Moment kann man einfach nach rechts scrollen und Fotos anschauen. Wenn die Seite fertig ist sollte man aber auch nach links scrollen können und Projekte anschauen können.

Das Problem ist aber das die Startseite (das Affenbild) dann irgendwo in der mitte der Homepage lokalisiert ist (links davon sind Projekte, rechts davon Fotos).

Kann ich es irgendwie umsetzen das wenn die Seite aufgerufen wird das automatisch auf diese "Affen"Seite in der mitte gesprungen wird? (Der User sollte davon am besten gar nichts mitbekommen).

Man befindet sich dann halt automatisch in der Mitte und kann dann je nach belieben nach links oder rechts gehen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.05.2014, 18:00
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Das musst du gar nicht. Am Anfang startet er bei 1, dann muss der Link nach Links zur letzten Nummer verweisen, zur Zeit ist das bei dir Nummer 5, dann kannst du auch durchgängig wie ein Karusell die Bilder durchklicken..

Du hast aber auch noch andere Fehler drin.
Dein doctype sollte html5 sein. Den Metatag charset musst du dann auch noch ändern.
IDs dürfen genau einmal vorkommen und nicht öfter.
und dann
HTML-Code:
<a href="#item2" id ="navirechts"class="panel"><img id="pfeilrechts" src="http://xhtmlforum.de/images/pfeilrechts.svg"></a>
	            							<a href="#item6" id ="navirechts"class="panel">  <img id="pfeillinks" src="http://xhtmlforum.de/images/pfeillinks.svg"</a>
beim unteren img-Element fehlt das schliessende Tag vor dem </a>.
Und img-Elemente brauchen ein Alt-Attribut.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Geändert von explanator (10.05.2014 um 18:03 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.05.2014, 18:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2014
Beiträge: 7
likandoo befindet sich auf einem aufstrebenden Ast
Standard

Hey explanator,

Erst mal danke für deine ganzen Hinweise! Werde ich alles noch fixen, die Seite ist eig nur hochgeladen damit ihr das anschauen könnt Trotzdem bin ich natürlich über jeden Hinweis froh.

Ich weiß was du meinst das ich das eigentlich gar nicht brauche. Ich hatte es auch schon gemacht wie du das denkst.

Das Problem ist dann wenn ich von Seite 1 nach links also im Moment auf Nummer 5 verweise dann geht er zwar auf die richtige Seite aber die Scrollrichtung ist natürlich falsch. Er scrollt dann nach rechts über 2,3 und 4 drüber und landet dann bei 5.

Deswegen war meine Idee das das ganze so gegliedert ist:

Projekt1 (ID1) / Projekt 2 (ID2), / Projekt 3 (ID3) / Startseite mit Infos (ID4) / Foto1 (ID5) / Foto2 (ID6) / Foto3 / (ID7).

Allerdings würde dann die Seite bei Projekt 1 starten und nicht bei der Startseite (ID4).

Ich hoffe, dass ich es einigermaßen verständlich erklärt habe
Mit Zitat antworten
  #4 (permalink)  
Alt 10.05.2014, 19:02
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Dafür gibt es offset, siehe auch die Doku und Ariel Flesler: jQuery.ScrollTo
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #5 (permalink)  
Alt 10.05.2014, 19:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2014
Beiträge: 7
likandoo befindet sich auf einem aufstrebenden Ast
Standard

Du meinst das ich über das Offset nach links scrollen kann obwohl in der HTMl Struktur das Objekt weiter rechts ist?
Mit Zitat antworten
  #6 (permalink)  
Alt 10.05.2014, 19:54
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Ne, nach rechts, wenn ich die Doku richtig gelesen habe. Das solltest du auch tun.
Die Fehler müssen natürlich als erstes weg, sonst kommt es zu ungewissen Effekten.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #7 (permalink)  
Alt 10.05.2014, 20:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2014
Beiträge: 7
likandoo befindet sich auf einem aufstrebenden Ast
Standard

Okay vielen Dank,

hab mir mal alles durchgelesen und die Beispiele angeschaut. Verstanden habe ich es definitiv noch nicht ^^.

Hab jetzt auch mal die ganzen Fehler gefixed und werde es dann einfach noch einmal probieren.

Danke schonmal für deine Hilfe
Mit Zitat antworten
  #8 (permalink)  
Alt 10.05.2014, 23:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2014
Beiträge: 7
likandoo befindet sich auf einem aufstrebenden Ast
Standard

Ich bins nochmal, also wie gesagt ich hab die Fehler mal ausgebessert und den Code etwas aufgeräumt.

danielkeller.org - portfolio

Nun habe ich es auch so mit der Verlinkung gemacht das von der Homeseite nach Links auf ID5 verlinkt wird.

Allerdings passiert genau das was ich vermutet habe, er scrollt halt über alle anderen Seiten nach rechts hinweg auf ID5 obwohl er im Optimalfall einfach nur ein Spot nach links springen sollte.

Mit dem Offset schaffe ich es nur das wenn ich zb auf ID3 springe und 50% offset mache das halt schon zu Hälfte ID4 drauf ist.

Also am einfachsten wäre es glaub echt wenn ganz links ID1 wäre und in der mitte halt die Startseite. Aber dann müsste ich es hinbekommen das bei Pageload automatisch zb auf ID3 gesprungen wird ohne das es der User mitbekommt. Das müsste ja eigentlich möglich sein aber ich weiß nicht wie :/
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery ScrollTo funktioniert nicht JS-Gestaltung Javascript & Ajax 15 26.05.2010 21:06
jquery mehrere elemente finden und scrollTo? sepp88 Javascript & Ajax 4 20.05.2010 13:40
jquery: ScrollTo mactie Javascript & Ajax 9 30.03.2010 22:50
jQuery: Funktion beim Seitenaufruf laden Twyxx Javascript & Ajax 1 25.03.2010 20:57
Jquery lightbox bei Seitenaufruf starten connor Javascript & Ajax 14 23.01.2010 01:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:26 Uhr.