Webseite Sliden lassen

05.09.2016 16:18
avatar  osmaine
#1
os

Guten Tag,

undzwar würde ich sehr gerne eine Slideshow für meine Webseite einbauen. Das heißt, wenn z.B auf "portfolio" klickt wird man nach rechts zu der nächstens Seite geslidet.

http://alvarotrigo.com/fullPage/#secondPage

Da könnt Ihr es sehen... ist es möglich so etwas einzubauen? Oder eher unmöglich?

Danke


 Antworten

 Beitrag melden
06.09.2016 15:42
#2
avatar
Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
06.09.2016 17:52
avatar  az_
#3
avatar
az_

Du kannst jquery.fullPage.js auch in Jimdo einbinden. Schau mal hier: http://lille-test.jimdo.com/fullpage/

...ist aber etwas tricky!

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
12.09.2016 16:52
#4
sg

Hallo az,
kannst Du mir dazu ein paar Hinweise geben, wie das geht? Bin neu im Thema.
Oder ist das "zu" tricky? :-/


 Antworten

 Beitrag melden
12.09.2016 22:06 (zuletzt bearbeitet: 12.09.2016 22:08)
avatar  az_
#5
avatar
az_

...schau dir einmal folgendes Tutorial an: http://support.jimdo.com/faq/how-to-make...th-backgrounds/

Da erfährst Du, wie man "Sections" aus Spaltenelementen herstellt und diese formatiert. (Beispiel: http://fullwidth-test.jimdo.com/). Wenn Du das drauf hast, zeig ich Dir, wie du die Sections per jQuery "sortierst" bzw. in die richtige Reihenfolge bringst. Alles weitere ist dann ein Klacks bzw. dann brauchste nur noch das fullpage.js einzubinden und eine ID umbenennen - und fertig ist.

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
16.09.2016 15:45 (zuletzt bearbeitet: 17.09.2016 09:21)
avatar  az_
#6
avatar
az_

Update: es geht auch ohne "// make Sections". Sorry, aber ich hatte das zuerst auch so gemacht. Jetzt habe ich einen einfacheren Weg gefunden:

http://api.jquery.com/appendto/

HowToDo:

1. fullpage.js einbinden

2. html-widget erstellen und fullpage-html einsetzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<div id="fullpage">
<div class="section" id="section0">
<div class="section0">
</div>
</div>
 
<div class="section" id="section1">
<div class="slide" id="slide1">
<div class="slide1">
</div>
</div>
 
<div class="slide" id="slide2">
<div class="slide2">
</div>
</div>
 
<div class="slide" id="slide3">
<div class="slide3">
</div>
</div>
</div>
 
<div class="section" id="section2">
<div class="section2">
</div>
</div>
 
<div class="section" id="section3">
<div class="section3">
</div>
</div>
</div>
 



3. Content in Spaltenelementen erstellen: 1 Spaltenelement pro Sliderseite

4. Content per .appendTo an die richtige Stelle im html verschieben


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!