Slideshow Widget für Jimdo

10.10.2015 08:31 (zuletzt bearbeitet: 12.03.2016 09:20)
avatar  Feemina
#1
Fe

Hallo erstmal und vielen Dank für das Tutorial!

Einbau hat auch problemlos funktioniert, aber meine Frage:

Wie kann ich die Bilder des Sliders verlinken?

Vielen Dank schon mal und allen ein schönes Herbstwochenende!


 Antworten

 Beitrag melden
12.10.2015 18:13
avatar  az_
#2
avatar
az_

Hi Feemina,

...sprichst Du von dem Tutorial auf http://www.redesign-berlin.de/jimdo-tuto...ider-slideshow/ ?

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
13.10.2015 09:28
avatar  Feemina
#3
Fe

Guten Morgen,

nein, ich meinte diesen: http://www.redesign-berlin.de/jimdo-tuto...dein-slideshow/

Aber dein Link scheint mir besser, schon, weil der Slider wohl automatisch skaliert wird. Ich probiere das mal - danke dir :)


 Antworten

 Beitrag melden
13.10.2015 09:39
avatar  az_
#4
avatar
az_

stimmt. der ist sowieso besser - den kannst Du auch verlinken:

1
2
3
4
5
6
7
8
 
 <li>
<a href="URL (Link)">
<img src="URL (Bild2)" alt="" /></a>
<p class="flex-caption">
Dieses Bild ist verlinkt...
</p>
</li>
 
 



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
13.10.2015 10:32
avatar  Feemina
#5
Fe

Ja, danke, das hatte ich gesehen, aber er gefällt mir doch nicht so gut - bei dem anderen sind die Übergänge schöner "FadeIn" - eine Kombination aus beiden - das wär`s :)


 Antworten

 Beitrag melden
13.10.2015 12:31
avatar  az_
#6
avatar
az_

...du kannst den Flexslider anpassen

https://github.com/woothemes/FlexSlider/...ider-Properties


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
14.10.2015 08:39
avatar  Feemina
#7
Fe

... leider nicht :( - ich habe 0 Ahnung, wo ich was einfügen soll - ich bekomme noch nicht einmal den Slider eingebaut - es erscheinen nur Bilder untereinander:
http://www.feemina.de/showroom/

Hier habe ich es probiert: oben der FadeInSlider,

darunter der Code von deinem Link.

Was habe ich falsch gemacht?

Liebe Grüße


 Antworten

 Beitrag melden
15.10.2015 15:58
avatar  az_
#8
avatar
az_

...das müsste ich mir mal in Ruhe und genauer ansehen. schreib mich mal an!

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.10.2015 12:30 (zuletzt bearbeitet: 16.10.2015 13:28)
avatar  az_
#9
avatar
az_

ich glaub, du hast einfach das js-Script nicht richtig eingesetzt. Das ist die txt-datei im Tutorial.

- download txt-Datei
- Datei öffnen (Mac: textedit // Win: Windows-Editor)
- Inhalt komplett markieren (cmd//strg+a) kopieren
- Inhalt in ein html-Widget einsetzen (cmd//strg+v) (...hinter der Slideshow)

Das Gleiche mit der CSS-Datei machen. Den Inhalt der CSS-Datei aber nicht in ein html-Widget einsetzen, sondern in den Head-Bereich (Einstellungen > Head bearbeiten)

Hier habe ich das für Dich mal so nachgebaut, wie Du es gern hättest: http://forum-images.jimdo.com/flexslider/
...funzt sehr gut!

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.10.2015 13:38
avatar  az_
#10
avatar
az_

PS: ich hab auch gerade einen neue js.txt auf meiner Seite hoch geladen - die mit dem Fade-Effekt (...http://www.redesign-berlin.de/jimdo-tuto...ider-slideshow/)

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
09.03.2016 16:10
avatar  Amy
#11
Am
Amy

Hallo @az_ und danke für den tollen Slider, klappt wunderbar.
Ich würde ihn nur gern ein wenig verkleinern, weiß aber nicht, wo im Code ich das ändern kann. Kannst du mir vielleicht weiterhelfen?

Danke und liebe Grüße
Amy


 Antworten

 Beitrag melden
12.03.2016 07:08
avatar  az_
#12
avatar
az_

...setz ihn einfach in ein Spaltenelement. Das müsste funzen.

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.03.2016 16:19
avatar  Amy
#13
Am
Amy

Hat geklappt, vielen Dank!


 Antworten

 Beitrag melden
13.03.2016 17:33
avatar  az_
#14
avatar
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!