Formatfüllende slideshow auf Home wie z.b. in yoganess oder mike bailey architect erstellen
Autor: Patrick S.
Besucht 1766,
Followers 1,
Geteilt 0
Wie wird eine solche Slideshow gestaltet?
Muß ich als Hintergrunddatei ein GIF angeben oder gibt es eine einfachere Methode?
Gepostet am
Hallo,
hier:https://market.websitex5.com/de/objekte/vorschau/149bc886-30b5-438b-a112-3079014c6bf
findest du denke ich was du suchst.
Gruß
Andreas
Die Slideshows sind im Zeilenstil enthalten als Bildliste im ersten Objekt.
Autor
Vielen Dank für Eure Antworten, aber so richtig befriedigend ist das noch nicht.
Als Grundlage habe ich das "My Holidays" Template gekauft und daran rumgeschraubt.
Das Bild erscheint nur in den Eigenschaften bei Home als Hintergrund und nicht in der Objektabfolge beim Zeilenstil, das erste Objekt ist hier der Schriftzug.
Und als Hintergrundbild kann ich nur eines und keine Liste anlegen.
Mein Problem wäre gelöst wenn ich wüsste, wie ich hinter dem Schriftzug formatfüllend ein paar Bilder durchlaufen lassen könnte, die sich auf das Browserfenster strecken, im optimalen Fall könnte ich auch noch die Höhe einstellen (wie das geht raffe ich auch nicht)
Bei der Bildliste die ich an andere Stelle platzieren kann, würde ich gerne wissen wie ich die Überblendungsdauer einstelle, daran bin ich gestern auch gescheitert.
Ich habe es trotzdem schon gelauncht, hier seht ihr die Problematik:
www.steinhaus-photography.com
D A N K E schön
Patrick
Wieso raffst du nicht, dass es mit der Bildliste funktioniert? Du brauchst doch nur den HEader komplett auf 0px stellen und oberhalb des Bild-Objekts mit dem SChriftzug (wieso hast du ein Bild eingefügt, wo ein Titel Objekt 100 mal besser ist) ein HTML-Objekt einfügen und im Zeilenstil dann eine Bildliste aktivieren mit den Bildern und auf die ganze Breite bringen.
Eine Übergangsdauereinstellung wirst du nicht finden, denn die gibt es nicht.
Autor
Danke Andreas,
ich raffe das vermutlich nicht, weil ich ein völliger Neuling auf diesem Gebiet bin,
ich versuche aber eine deinen Worten eine neue Strategie zu entnehmen.
Die Übergangszeit beim Bildwechsel anderer Templates war länger als die voreingestallte bei der Bildliste, deswegen nahm ich an man könnte es einstellen, es wäre auch besser wenn man das könnte...
Dankeschön erstmal ich, frikel mich da morgen wieder rein.
LG Patrick
Autor
Für alle die sich auch für dieses Thema einer formatfüllenden Slideshow interessieren habe ich folgendes verstanden:
Um am oberen Bildschirmrand ein Foto anzusetzen muß unter Menupunkt 2 Vorlage/Struktur der Vorlage/ im Seitenbereich Header
der Wert für die Höhe auf Null gesetzt werden. Die dort gewählte Zahl verschiebt alles nach unten und hinterläßt am oberen Rand einen Balken in der Höhe der gewählten Pixel.
Bei Menupunkt 3 "Sitemap" klickt man die entsprechende Seite an und gelangt mit dem Pfeil rechts oben in der Ecke zum Menupunkt: "Erstellen der Seite".
Man kann dann im Grunde egal was auswählen, ich habe es mit Text-, Bild-, HTML Code- und HTML Animationsobjekt probiert. Klickt dann bei den "Arbeitsbereichen" links oben auf Zeilenstil und kann im Zeilenstilmenu rechts - beim Dropdownmenu Hintergrund "Bildliste" einige Fotos auswählen.
Bei "Anzeige" habe ich "1 - Bilder nacheinander nach Zeit" ausgewählt unter "Optionen" "Auf die Breite des Browserfensters erweitern" Die Bilder werden dann automatisch als Slideshow eingeblendet.
Was sich mir nicht erschlossen hat ist wie ich "die Spanne" bzw. "Höhe" des (ich will es mal Fenster nennen) sich auftuenden Bildausschnittes nach unten definiere. Bei HTML Code kann man glaube ich eine Pixelhöhe angeben!?
Ich habe den Bildausschnitt quasi erzwungen, indem ich als Bild einen Schriftzug im .png Format mit transparentem Hintergrund ausgewählt habe und die "transparente Höhe des Bildes" (also der nicht zusehende rechteckige Hintergund unter dem Text) in der gewünschten Pixelanzahl nach oben und unten erweitert habe.
Dies scheint eine Lösung (wenn auch eine unelegante) zu sein.
Leider ist der Aufbau des Programms etwas konfus, denn man würde vermutlich eher unter dem Menupunkt Slideshow soetwas basteln wollen.
Es wäre auch wünschenswert, die entsprechenden Einstellungen wie Dauer der Bildanzeige, Dauer des Überblendungseffektes, Welcher Überblendungseffekt, an oberen Bildschirmrand anpassen, nach unten erweitern und vieles mehr einfach in dem Menupunkt Slideshow unterzubringen.
Sofern jemand eine Idee hat wie ich vordefinieren kann wieviel von meinem Bild unter Bild(objekt) zu sehen sein soll,
und wie sich dieses responsive verhält (also in meinem Fall nach unten erweitern) wäre ich sehr dankbar das so erklärt zu bekommen, dass meine Oma das versteht, weil alles andere einfach zu viel Zeit kostet.
Ne Erklärung sollte meiner Meinung nach immer so aufgebaut sein, dass sie jemand ohne oder mit wenig Vorwissen auch verstehen kann.
Vielen Dank und Liebe Grüße an Alle
Patrick
den Fortschritt meiner stümperhaften Versuche könnt ihr unter
www.steinhaus-photography.com
beobachten. ;-)
Aktuell der Reiter Works - Fashion
Also die Seite sieht schon echt gut aus Patrick. Die wird was und sehr coole Fotos. Aber was ist den mit dem Slider der würde sich direkt beim Start der Seite natürlich Mega machen. Es gibt auch einen der nennt sich Vegas-Slider schau da mal bei Google nach. Wenn du hilfe benötigst beim einbau dann sag hier mal bescheid. Aber der Tipp von meinem Namenskumpel wäre auch eine gute Lösung gewesen.
Naja, melde dich einfach nochmal
Im Bild-Objekt kannst du auf "bearbeiten" drücken und dort kannst du mit der Maus einen Rahmen ziehen auf den Ausschnitt was du "nur" anzeigen willst. Spezielle Effekte und Masken kannst du links aktivieren.
Autor
@Andreas L.
Hi Andreas vielen Dank für die Blumen, freut mich, dass Du an mich glaubst ;-)
Ich find den Vegas-Slider sehr gut, er scheint sich automatisch auf die sichtbare Fläche des Browserfensters (egal welches Format?) zu erweitern!?
Top wäre es, wenn der Slider bis zum ersten Scrollen so bliebe und später durch nen Doppelklick auf die Slideshow wieder hergestellt werden könnte, oder kann man nichts unten dran basteln und muß dann per Klick ein neues Fenster öffnen, um weitere Inhalte anzuzeigen?
Der Slider verwendet den Ken Burns Effekt, was ich auch super finde!
Läßt der sich auch von Deppen einschalten, also Start und Endpunkt?
In Website x5 hab ich das zumindest schon herausgefunden! :-)
Im optimalen Fall könnte man auf einem Breitformat eine Bildregion auswählen, die dann beim Wechsel zum Hochkantformat eines Mobilgeräts priorisiert kerden kann?
Also in meinem Fall etwa z.B.: die Siluhette der Gitarristin statt des Geländers oder der Wand!?
Meine Fragen:
1. geht sowas?
2. und wenn ja - auch so, dass ein untalentierter Hobbyklicker wie ich das hinkriegt?
@Andreas S.
Lieben Dank für Deine Tipps, bin schon ein Stückchen weiter gekommen :-)
Wenn man ein Bildobjekt platzeiert, kann ich es relativ einfach so getalten, dass das Bild zur Gänze angezeigt wird, wenn ich stattdessen eine Bild als Ebenstil in den Hintergrund eines Textes bastele, will mir das nicht so gelingen und ich verstehe nicht, nach welchen Prinzipien sich das Hintergrundbild anpasst oder welcher Teil des Bildes angezeigt wird; es hat hier bisweilen schon sehr kuriose Ausschnitte gegeben...
Übrigens um Euch nicht auf den Sack zu gehen, gibt es denn eine vernünftige Dokumentation, bei der ich durch Lesen schnell meinen Wissensdurst befriedigen kann? Die YouTube Tutorials, sind relativ rar gesät!?
LG Patrick
Hi Patrick,
ja, es gibt mehrere Möglichkeiten verschiedene Ken Burns Effekte einzufügen. Im Prinzip für jedes Bild ein anderen Effekt. Es kann sein, dass man auch Start und Endpunkt festlegen kann, aber da bin ich mir nicht sicher. Das andere mit dem Breitformat und mobil dann nur einen Ausschnitt ist nicht möglich. Wenn doch dann nur mit viel individuellen Code möglich.
Es ist ja auch schwer zu erklären wie du das mit dem KEn Burns Effekt hinbekommst, denn da musst du einiges Einfügen beim Javaskript Code. Du kannst aber auch auf die Hauptseite schauen (in Google Vegas Slider eingeben) und dir dort das Tutorial ansehen.
Leider gibt es nicht viel Tutorials frü WSX5 und wenn dann in fremder Sprache und von älteren Versionen. ICh habe nur 3 Video Tutorials gemacht die sind spezifisch zum Thema und die sind im anderen Forum.