Ich möchte eine Website erstellen, die im Grunde ein riesiger Content-Slider ist, beim Laden der Seite sieht man div 1 (im Wesentlichen den ganzen Bildschirm) und dann den Abwärtspfeil, um zu Seite 2 zu gelangen usw., wenn du kommst Seite 2 Ich möchte auch in der Lage sein, nach links und rechts zu gehen (nur auf Seite 2), denke an es als Bildschieber, aber mit divs ..
Ich weiß, dass es Plugins gibt, aber ich mag es, es selbst zu schreiben, ich habe einige (grundlegende) JQuery geschrieben, die funktionieren, aber es scheint zu aufgebläht zu sein und ich wollte einen besseren / effizienteren Weg, es zu tun Nachher ist, wie der beste Weg, dies zu erreichen ist, ich bin nicht auf der Suche nach Code, wie ich lernen will und besser werden, aber nicht denken, der beste Weg, um dies anzugehen, ist es möglich, eine Art von Switch zu verwenden Erklärung? Wie würdest du das machen?
Ich werde auch irgendwie sicherstellen müssen, dass Sie nicht über die Anzahl der divs scrollen können. Ich verwende derzeit eine var mit if-Anweisungen, aber ich denke, dass es eine Möglichkeit geben muss, alle zu einer einfachen Funktion zusammenzufassen? p>
JS ist unten und es gibt auch einen JSFiddle
Danke!
%Vor%Als Haftungsausschluss wird es keine gute Idee sein, selbst einen für den wirklichen Gebrauch zu machen. Sie könnten auf verschiedene Kompatibilitätsprobleme in dem verschiedenen Browser stoßen.
Aber zu Studienzwecken bin ich glücklich, mein kleines Wissen mit Ihnen zu teilen.
Ich habe häufig das jquery plugin jscrollpane von Kelvin Luck benutzt. Es ist ein leichtes und konfigurierbares Plugin. Meiner Meinung nach soll es auch ein interessantes Stück für Sie sein, um zu studieren. Sie können den Code hier finden: Ссылка
Hier eine sehr einfache Verwendung dieses Plugins. Vielleicht möchten Sie auch einen Blick darauf werfen Ссылка
Soweit ich weiß, wird das jquery-Ereignissystem stark genutzt. Fühlen Sie sich frei, es zu verstehen ... und vielleicht verbessern Sie es; -)
Viel Spaß!
Was den Code betrifft, würde ich sagen, versuchen Sie herauszufinden, was in allen vier Fällen gemeinsam ist (oben links unten rechts) und abstrahieren Sie das aus. Ich glaube nicht, dass die TriggerClick-Variable sehr intuitiv ist - nicht sicher, ob sie benötigt wird.
Verwenden Sie ein Plugin-Muster, um Ihre Funktion zu jQuery hinzuzufügen (siehe Brainfeeders-Link), und verwenden Sie dann diese Funktion beim Laden der Seite.
Ich spielte mit der Idee herum, aber ich poste meinen Code nicht - schreie, wenn du daran interessiert bist.
Tags und Links html jquery slider jquery-animate