Horizontalen Slider einfügen

12.01.2017 17:16
avatar  Ralmon
#1
avatar

Hallo,

ich habe auf meiner Jimdo Webseite (https://www.iri-hfwu.de) full-width Sections eingerichtet. In einer Section würde ich gerne einen horizontalen Slider einbauen. Kann mir jemand sagen wie man das macht?

Vielen Dank und viele Grüße,
Ralmon


 Antworten

 Beitrag melden
14.01.2017 18:49
avatar  az_
#2
avatar
az_

...vielleicht hilft Dir das hier: http://imageslidermaker.com/v2

hab hier mal so etwas mit fullsize getestet: https://redesign-berlin-seminar.jimdo.co...emaker/slider1/


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.01.2017 16:48
avatar  Ralmon
#3
avatar

Hallo az_,
vielen Dank für Deine Antwort und Deine Hilfe. Ich finde auch diese Form geeignet. (http://alvarotrigo.com/fullPage/#secondPage) Leider kann ich sie nicht programmieren. Man soll mehrere Spaltenelemente untereinander mit Inhalten füllen und diese dann nebeneinander zuordnen. Aber ich weiss nicht wie das geht. Kannst Du mir vielleicht einen Hinweis geben wie man innerhalb einer Section mehrere Spaltenelemente zum sliden nebeneinander zuordnen kann?
Vielen Dank und viele Grüße,
Ralmon


 Antworten

 Beitrag melden
17.01.2017 17:50
avatar  Ralmon
#4
avatar

Hallo,
auf dieser Seite gibt es auch einen beeindruckender Slider in der Sektion1. (https://lille-test.jimdo.com/fullpage/) So etwas würde ich gerne realisieren. Das kann ich aber nicht. Kann mir jemand helfen?
Viele Grüße,
Ralmon


 Antworten

 Beitrag melden
18.01.2017 12:33
avatar  Ralmon
#5
avatar

Hallo,
wenn ich den Slider von dieser Seite (https://redesign-berlin-seminar.jimdo.co...emaker/slider1/) auf meiner Seite einbinde, habe ich große CSS und JS Dateien unterzubringen. Die CSS Datei müßte in den Head Bereich. Aber wo bringe ich die JS Datei unter? Sollte ich sie in einem Downloadelement auf einer verborgenen Seite einstellen? Kann mir da jemand weiterhelfen?
Viele Grüße,
Ralmon


 Antworten

 Beitrag melden
19.01.2017 16:23
avatar  az_
#6
avatar
az_

...das ist eine Möglichkeit, wenn Du keinen externen Server hast.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
19.01.2017 16:28 (zuletzt bearbeitet: 19.01.2017 16:29)
avatar  az_
#7
avatar
az_

...da schau her! (https://lille-test.jimdo.com/fullpage/) ...die hatte ich ganz vergessen! Ja, hab ich mal umgesetzt, Quelle: http://alvarotrigo.com/fullPage/

war aber nicht ganz einfach! Der Trick ist, die html-widgets anzulegen und dann die Inhalte per jQuery dort hinein zu beamen. Da kommt man schnell durcheinander :)

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
21.01.2017 12:06
avatar  az_
#8
avatar
az_

Hallo @Ralmon,

http://alvarotrigo.com/fullPage/ ist der Link zu dem Widget, mit dem ich https://lille-test.jimdo.com/ gebastelt hab. Update: jetzt funktioniert auch die Navigation vernünftig und die Optimierung für mobile Ansichten habe ich auch hinbekommen:



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
22.01.2017 15:52
avatar  Ralmon
#9
avatar

Hallo az_
zum Ausprobieren eines horizontalen Sliders habe ich mir mal eine Testseite mit Sectionen angelegt (https://ralmondesign.jimdo.com). Wenn ich dazu den Datensatz des fullpage-masters downloade, bekomme ich eine Unmenge von Skripten. Da weiss ich nicht, wo und wie ich die einsetzen soll. Kann mir da vielleicht jemand einen Hinweis geben?
Gruß, Ralmon


 Antworten

 Beitrag melden
24.01.2017 15:14
avatar  az_
#10
avatar
az_

...eigentlich brauchst Du nur fullpage.js und das dazugehörige CSS auf Deiner Seite einzubinden. Meine Methode geht dann wie folgt:

1. html erstellen (s. fullpage.js doku)
2. Inhalte erstellen (Spaltenelemente)
3. Inhalte per jQuery-script in html verschieben (.appendTo)

Du brauchst keine sections. Etwas tricky ist die nachträgliche Bearbeitung der Inhalte. Du musst fullpage.js deaktivieren, um die Inhalte mit Jimdo Bordmitteln bearbeiten zu können.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!