horizontale Scroll-div onclick mit javascript oder jquery
Ich habe in den letzten zwei Tagen auf der Suche für ein einfaches javascript-oder jquery-code für diese. Ich will auch eine horizontale Scroll-div mit javascript oder jquery für die Anzeige von Bildern und beschreibenden Texten für die Arbeit, die Seite von meinem web-portfolio.
Es funktionieren würde, sehr ähnlich wie die glide-onclick-scrollen hier gezeigt: http://www.dyn-web.com/code/scroll/demos.php#horiz Leider, dass der code die Lizenz ist $40, und ich bin ein armer student.
Beim laden der Seite, drei portfolio-Bilder angezeigt werden. Extras sind versteckt in den überlauf an der rechten Seite. Onclick eines Links-Pfeil (kann ich erstellen), ein neues Bild Folie kommt in die Ansicht von rechts. Ein Pfeil nach rechts klicken, sendet es zurück in den überlauf. Ich will keine Scrollbalken, nur Pfeile, die Kontrolle der Folien.
Jede Hilfe wird sehr geschätzt. Danke.
- srsly?! $40 für diese Funktionalität? Lassen Sie mich sehen, wenn ich werfen kann ein Beispiel zusammen... ist, dass in einem div oder funktioniert die Diashow dauern, bis die ganze Seite?
- Sie können immer noch sehen die js-Datei ohne zu bezahlen Sie wissen.
- richtig... daraus zu lernen... aber tatsächlich wäre es Diebstahl...
- Es wäre ein div, das alle Bilder innerhalb des Haupt-content-div auf der Seite. Jedes Bild wird wahrscheinlich in seiner eigenen div-Element als gut, so kann ich style es mit beschreibenden text und einem link. Danke.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie nur verwenden, code wie diesen:
wo dein html sieht wie folgt aus:
und die css sieht so aus:
Schrieb ich über eine wirklich lange Zeit - so dass Sie wahrscheinlich wollen, um es zu aktualisieren, ein bisschen (ersetzen Sie die Tabelle mit div ' s zum Beispiel), aber es funktioniert.
Mußt du natürlich die beiden Tasten auf es als auch
Gibt es eine Menge von jQuery-plugins, die Ihnen erlauben, dies zu tun, sehr leicht.
Für ex: http://slidesjs.com/
Hoffe, das hilft.
Können Sie so etwas tun. Nicht getesteter code, sondern nur geben Sie einen entsprechenden Hinweis.
Können Sie einen Blick auf iscroll 4.
http://cubiq.org/iscroll-4
Haben Sie eine scrollTo Methode oder scrollToElement Methode...