|
|||
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. |
Sponsored Links |
|
|||
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> 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) |
Sponsored Links |
|
|||
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 |
|
|||
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. |
|
|||
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. |
|
|||
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 |
|
|||
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 :/ |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |