moziloCMS Supportforum

moziloCMS => Wie kann ich...? => Thema gestartet von: ledl am 11. April 2016, 21:00:30

Titel: Titelbild automatisch wechseln?
Beitrag von: ledl am 11. April 2016, 21:00:30
Hallo,

unter welchem Begriff muss ich da suchen bzw. wie komme ich zu einer Lösung?

Ich habe ein abgeändertes Template "gray" von Bechti und es wurde die Idee an mich herangetragen, das Titelbild oder Titelbanner in Form von 3 oder 4 Bildern in einem gewissen Zeitabstand zu wechseln.
Das sieht man ja des öfteren, ich weiß nur nicht, ob ich es bei mozilo-Seiten gesehen habe.

Das macht man doch bestimmt nicht mit animiertem gif oder?

:?:
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: Thorstn am 12. April 2016, 00:23:29
Animierte GIFs sind so out...  ;)

Ich meine, hier im Forum hat der/die eine oder andere das mit Plugins hinbekommen. Schau Dir doch z.B. mal das Plugin "anythingSlider" an, vielleicht wäre das ja was für Dich:
http://www.mozilo.de/forum/index.php?action=media;sa=item;in=227 (http://www.mozilo.de/forum/index.php?action=media;sa=item;in=227)

Gruß,
Thorsten
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: ledl am 12. April 2016, 10:09:31
anke, Thorstn.

Du schriebst Anfang 2015 "ich habe jetzt auch endlich mal das anythingSlider ausprobiert, weil ich es vielleicht für eine Headergrafik-Animation auf einer meiner Webseiten verwende."
Hast du es irgendwo laufen und mit Headergrafik vermute ich, du meinst das, was ich suche.
Und ist das dazu geeignet, automatisch zeitgesteuert oder sonstwie nicht-manuell Bilder zu wechseln?
Bisher habe ich nur Beispiele gefunden mit manuellen Schaltern.
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: hausl78 am 12. April 2016, 10:46:05
Dann hast du dir die Doku noch nicht angesehen. In dieser ist ein Link zu allen Optionen des Entwicklers und da gibt es auch:

Zitat
autoPlay            : false,     // If true, the slideshow will start running;
...
delay               : 3000,      // How long between slideshow transitions in AutoPlay
etc..
https://github.com/CSS-Tricks/anythingSlider/wiki/Setup#options
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: wasp am 12. April 2016, 14:58:20
...alternativ vllt. mal hier schauen:

http://www.mozilo.de/forum/index.php/topic,3448.msg16820.html#msg16820 (http://www.mozilo.de/forum/index.php/topic,3448.msg16820.html#msg16820)

Titel: Re: Titelbild automatisch wechseln?
Beitrag von: wasp am 12. April 2016, 18:06:39
Nachtrag:

hier ist alles bereits für die Nutzung mit im Vorpost genannten jQbackstretch vorbereitet:

http://moz2layouts.bechti.de/Willkommen/Willkommen.html?layout=gray_1 (http://moz2layouts.bechti.de/Willkommen/Willkommen.html?layout=gray_1)

Titel: Re: Titelbild automatisch wechseln?
Beitrag von: glory am 05. August 2016, 11:59:23
Hallöchen!

Ich habe nun ein ähnliches Problemchen und möchte damit kein neues Thema eröffnen. Vielleicht könnt ihr mir bitte helfen, eine Lösung zu finden.
Ich möchte eine kleine Slideshow (3 Bilder) auf meine HP setzen, aber die Bilder muss ich verlinken können. Ist das auch mit jQbackstretch möglich? Bei Coinslider und AnythingSlider ist ja keine Verlinkung vorgesehen (oder ich habe es nur noch nicht entdeckt). Bei ColorBox soll ja auch eine Slideshow möglich sein, aber die habe ich noch nicht hinbekommen.

Viele Grüße von glory!
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: maiemi am 07. August 2016, 11:36:11
Hallo glory,
schau Dir mal  diese Seite (http://www.bodywork-release.de) an, da habe ich das mit dem Plugin realisiert.
Der Quellcode im Template:

  <div id="logo"><img src="{LAYOUT_DIR}/grafiken/Bild.PNG" alt="hier dein Text zum Bild"/></div>
        <div id="banner">{jQbackstretch|@=Banner=@,banner,2500,3500}<div id="banner_content"><a href="http://der Link zum Bild" target="_self" title="der Text zum Bild"><img src="{LAYOUT_DIR}/grafiken/TRANSPARENT.PNG" alt="" ></a></div><!-- banner_content --></div><!-- banner -->


Es ist jedoch nicht möglich, jedem Bild einen eigenen Link zu geben.

Die Grafikeigenschaften sind per CSS geregelt.
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: glory am 09. August 2016, 01:36:19
Vielen lieben Dank! Ich werde das auf jeden Fall mal probieren und bestimmt auch anwenden. leider ist das hier so gewollt, dass jedes der 3 Bilder an anderes Linkziel hat. Aber ich habe, schlau wie ich bin, grinsganzbreit, rausbekommen, dass es mit Anything Slider möglich ist.

Viele Grüße!
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: glory am 10. August 2016, 20:55:07
 :o Ich grinse nun doch schon eine ganze Zeit nicht mehr und hatte mich zu früh gefreut.

Da es eine kleine Slideshow mit 3 Bildern (nicht als Header) werden sollte, habe ich mich nun auf den AnythingSlider eingeschossen. Es hat auch super geklappt, jedes der Bilder mit einem anderen Link zu versehen. Nun störte mich allerdings die Navigationsleiste und ich suchte in den Parametern nach den passenden. Die Leiste ist nun weg, aber es ist keine Slideshow mehr. Die Fotos sind nun untereinander angeordnet.
Was habe ich da evtl. falsch eingetragen?

{anythingSlider|start|
theme : "cs-portfolio",
mode : "h",
autoPlay : true,
buildNavigation     : false,
buildArrows         : false,         
buildStartStop      : false,  |
|
[link=[bild|@=Welpen:a1_1wo1.jpg=@]|http://www.pomeranianzwergspitz.de] |
[link=[bild|@=Welpen:a1_1wo2.jpg=@]|http://www.pomeranianzwergspitz.de] |
[link=[bild|@=Welpen:a1_1wo3.jpg=@]|http://www.pomeranianzwergspitz.de]
}

Hier auf meiner Testseite kann man das sehen (ganz unten auf der Seite) : http://kirsche-html.bplaced.net/Testbereich/Anything%20Slider.html?draft=true#&panel1-1&panel2-1&panel3-1 (http://kirsche-html.bplaced.net/Testbereich/Anything%20Slider.html?draft=true#&panel1-1&panel2-1&panel3-1)

Viele Grüße!
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: djr am 10. August 2016, 21:18:56
@glory:

nach buildStartStop: false ist

Vllt liegt es daran. Hab mit dem Plugin noch nicht gearbeitet.
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: maiemi am 10. August 2016, 22:38:33
@glory:
scheint bei mir (Firefox) nicht zu funktionieren (siehe Bild).
Ich sehe zwar 3 Bilder aber die sind untereinander....
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: glory am 10. August 2016, 22:41:02
Drüber die 3 Versionen funktionieren ja.

@djr: Nun sieht es so aus, aber das Ergebnis ist noch das Gleiche:
{anythingSlider|start|
theme : "cs-portfolio",
mode : "h",
autoPlay : true,
buildNavigation     : false,
buildArrows         : false,         
buildStartStop      : false|
[link=[bild|@=Welpen:a1_1wo1.jpg=@]|http://www.pomeranianzwergspitz.de] |
[link=[bild|@=Welpen:a1_1wo2.jpg=@]|http://www.pomeranianzwergspitz.de] |
[link=[bild|@=Welpen:a1_1wo3.jpg=@]|http://www.pomeranianzwergspitz.de]
}
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: djr am 11. August 2016, 12:22:49
@glory:
im Quellcode sieht das so aus:
theme : "cs-portfolio",
mode : "h",
autoPlay : true,
buildNavigation&nbsp;&nbsp;&nbsp;&nbsp; : false,
buildArrows&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : false,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
buildStartStop&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: false&nbsp;&nbsp;


Die ganzen &nbsp; (geschütztes Leerzeichen*) kommen von mozilo.
Damit gab es in einem anderen Zusammenhang (http://www.mozilo.de/forum/index.php/topic,4212.msg21754.html) schon mal Probleme.
Damals habe ich im Quellcode recherchiert und herausgefunden:

Zitat von: djr am 21. Juni 2016, 20:30:40
Es wird immer ein &nbsp;&nbsp; erzeugt, wenn zwei Leerzeichen aufeinander folgen.
Egal wo im Text.

:arrow: Also, wenn Du die ganzen doppelten und unnötigen Leerzeichen entfernst sollte es gehen.

Tipp:
Zitat von: djr am 24. Juni 2016, 12:41:08
Zitat von: laborix am 23. Juni 2016, 21:37:26
Zwei Leerzeichen im Editor zu sehen halte ich für ziemlich schwer

Da hilft ein Klick auf das ¶ (Absatz-Zeichen) im Editor. Dann werden die nicht sichtbaren Zeichen angezeigt.
Siehe Screenshot im Anhang.

*https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/br#Gesch.C3.BCtzte_Leerzeichen (https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/br#Gesch.C3.BCtzte_Leerzeichen)
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: glory am 11. August 2016, 17:09:03
Ganz vielen lieben Dank! Du bist ein Held, hast mich gerettet! Die ganzen Leerzeichen &nbsp; habe ich gelöscht und es ging trotzdem noch nicht richtig. Dank deines Tipps mit dem ¶-Zeichen sah ich dann bei einigen Parametern noch ein paar Punkte (also auch noch Leerzeichen). Als ich die dann gelöscht hatte, wurde die Galerie wunderbar angezeigt. Ich bin ja so froh, dass das nun danke deiner Hilfe auch klappt!

Viele Grüße!
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: djr am 12. August 2016, 20:30:49
 @glory: :)
Titel: Re: Titelbild automatisch wechseln?
Beitrag von: supercat am 20. November 2016, 11:44:13
Jetzt nerve ich bestimmt. Zumal ich auch spät dran bin, hier meinen Senf zu verkleckern ;) Aber das Feature lässt sich auch mit reinem CSS umsetzen. Es braucht nur eine kleine CSS-Datei für den Bildwechsel, die wird ins Template eingebunden und dort werden im Bereich der Headergrafik dann die Bilder hinterlegt, die durchwechseln sollen. Die Bilder ließen sich auch verlinken. Und damit es auf den Unterseiten wieder etwas ruhiger zugeht, nimmt man das Headimg-Plugin von stefanbe. Dadurch wird der Slider mit einem statischen Bild in gleicher Größe "unsichtbar" gemacht.