WebSite X5Help Center

 
Patrick S.
Patrick S.
User

Formatfüllende Slideshow  de

Autor: Patrick S.
Besucht 1312, Followers 1, Geteilt 0  

Slideshow die immer von der Fensterbreite begrenzt wird?

Liebe Leute ich habe vor einiger Zeit meine Fotografenseite bearbeitet, bin aber immer noch nicht so richtig glücklich mit der Startseite!

Ich hätte gerne eine Slideshow, die die Bilder immer in der vollen Breite des zu sehenden Fensters anzeigt und nichts beschneidet egal in welcher Auflösung.Zudem soll das Bild auch nicht nach oben oder unten beschnitten werden, sondern es soll immer die Oberkante und die Rechte und Linke Kante zu sehen sein, wenn nur alles nach unten verschoben werden. 

Übersehe ich da immer irgendwelche Einstellungen?

Ein Freund hat mir soetwas sogar programmiert, allerdings kriege ich den Code auch nicht richtig in die Seite eingebaut, das vorhandene Template ("My Holidays" war glaube ich damals die Grundlage) verhindert das korrekte ausführen des Codes. Und dem Kollegen, der von Website x5 keine Ahnung hatte, war das zuviel Quelltext zu lesen um der Seite selbst zu entnehmen was man ändern muß.

Hat dazu jemand eine Idee?

www.steinhaus-photography.com

Danke Patrick

Gepostet am
20 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Ich glaube ich weis was du meinst. Aber du hast ja eine Bildliste im Hintergrund über die ganze Breite gezogen mit deinen Bildern.

Dadurch ist die Slideshow im Hintergrund und richtet sich aber noch dem Inhalt der ersten Reihe!

Die erste Reihe aber kann nur bedingt sich von der Höhe ändern (kommt auf den Inhalt an) was den Hintergrund natürlich beeinflusst.  Wenn z.B. das Bild immer von der Länge komplett angezeigt werden würde,

dann verkleinert sich die erste Reihe von der Höhe und wenn du viel Inhalt in der ersten Reihe hättest, dann würde alles außerhalb angezeigt.

WSX5 ist in dieser Hinsicht nicht "dynamisch" weil es anders aufgebaut ist als andere CMS Systeme.

Man könnte aber mit individuellen Code etwas ändern, aber da muss man sehr viel ausprobieren und einen generellen Code gibt es hier nicht.

Mehr lesen
Gepostet am von Andreas S.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Z.B. auf deiner Seite bei der Skyline wo du die Sozialbuttons drinnen hast.  Wenn man hier das Bild von der Höhe genau anpassen würde, dann würde das Bild nur 30px groß sein und die Sozial Buttons so klein sein, daß man sie nicht antippen kann am Handy.

Mehr lesen
Gepostet am von Andreas S.
Patrick S.
Patrick S.
User
Autor

Hey Andreas,

danke für die Antworten, ja ich habe mir bisher damit geholfen eine Bildserie im Hintergrund zu haben und per Bild im Vordergrund den Platz dafür zu schaffen. Habe dann auch mit der Höhe rumgetrickst. Leider verhält sich die Bilderserie im Ebenstil nicht so ganz wie ich es gerne hätte, die streckt sich zwar auf das Fenster in der Breite, allerdings je nach Fenstergröße wird das Bild dann nach oben und unten vergrößert bzw, lappt es über den durch das Bild im Vordergrund geschaffenen Streifen nach oben odwer unten über, wobei der obere Teil dann verschwindet.

Mein Kollege hatte genau das per Code verboten und erzwungen, das es immer am oberen Bildrand und an den Seiten anliegt und nur nach unten rückt. Leider gibt das Template das nicht her, wenn man den Code in der ersten Zeile einfügt. Hast Du ne Ahnung wo man den Code einfügen müsste?

Im Grunde sollte das doch möglich sein? Ich habe das Gefühl, das gerade so ziemlich alle neueren Seiten so ein formatfüllendes Bild ohne ne Slideshow als Startseite haben, kann ja nicht so schwer sein? 

LG Patrick

P.S.: Ich hatte mal Fragen zum Poll gestellt und schließlich die Lösung gefunden, wie kann ich denn den alten "Frage - Antwort"  Verlauf wieder aktivieren und die Lösung reinschreiben?

Mehr lesen
Gepostet am von Patrick S.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Ganz genau weis ich nicht was du willst. Jedenfalls kann ich es mir nicht vorstellen.

Wenn du CSS Code einfügen willst, dann meistens unter "vor dem schließenden </head> Tag"!  Bei Javaskriptcode muss man ausprobieren wo er besser funktioniert.

Wenn du auf "richtig" geklickt hast, kann man den Post nicht mehr bearbeiten bzw. ich als Moderator schon.

Mehr lesen
Gepostet am von Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Patrick S.
... ... ... Ich hätte gerne eine Slideshow, die die Bilder immer in der vollen Breite des zu sehenden Fensters ... ... ... ... Hat dazu jemand eine Idee? ... ... ... ... 

(It > De) ...Wenn Sie keine anderen Objekte in die Zellen der Zeile einfügen, kann die aktuelle Diashow, die Sie in der ersten Zeile verwenden, mit meinem einfachen Code meiner Erfindung rational auf die volle Breite skaliert werden.
... wenn Sie das tun, was ich gesagt habe und wenn Sie interessiert sind, lassen Sie es mich wissen, um den Status Ihrer Seite zu überprüfen, und dann gebe ich den Code ein; ... sonst nicht erwähnt...

Hallo, ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Patrick S.
Patrick S.
User
Autor

@KolAsim 

Vielen Dank für die Antwort! :-)

Die automatische Übersetzung ist nicht so gut,

deswegen verstehe ich nicht so gut was ich machen soll!

Ich schreibe jetzt sehr einfache Sätze. damit die automatische Übersetzung funktioniert!:

Ich brauche eine Slideshow mit den Funktionen:

- immer das ganze Fenster ausfüllen

- oben, rechts und links nicht abschneiden

wenn es möglich ist mit "Lazy Loading"?

Wo muss ich den Code einfügen?

In der ersten Zeile von "Home"?

Mille grazie per suo aiuto!

Patrick

Mehr lesen
Gepostet am von Patrick S.
Martin H.
Martin H.
User

"Ich brauche eine Slideshow mit den Funktionen:

- immer das ganze Fenster ausfüllen

- oben, rechts und links nicht abschneiden"

Ich frage mich wie das funktionieren soll? Hast Du eine Beispielseite?

Mehr lesen
Gepostet am von Martin H.
Patrick S.
Patrick S.
User
Autor

Vielleicht sollte ich besser sagen, es soll das ganze Bild dargestellt werden.

Bei einer Handydarstellung ist dann ein Querformat natürlich nicht fensterfüllend, sondern nur im oberen Drittel zu sehen darunter dann weiterer anderer Seiteninhalt...

Mehr lesen
Gepostet am von Patrick S.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Das ist natürlich logisch! Es kann kein Bild komplett anzeigen über das Handy wenn es hochgestellt angezeigt werden soll.

Anders sollte es sein wenn man das Handy dreht!

Mehr lesen
Gepostet am von Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Patrick S.
@KolAsim  ... ... ...  - immer das ganze Fenster ausfüllen - oben, rechts und links nicht abschneiden ... ... ...

(It > De) ... Entschuldigung für meine Übersetzung von Google ...foot-in-mouth
... mit Bildern können Sie vielleicht besser verstehen, was Sie mit meinem Code erhalten könnten, etwa wenn ich verstanden habe, was Sie wollen und wenn Sie interessiert sind:

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Martin H.
Martin H.
User

Nimm doch z.B. den Swiper Animated Slider setzte diesen in eine Zeile und stelle diese auf "Erweitern". Dann hast Du einen Bildschirmbreiten Slider der sich anpasst.

Mehr lesen
Gepostet am von Martin H.
Patrick S.
Patrick S.
User
Autor

@Martin Hi Martin,

ich habe mir den Swiper Slider gerade in der Vorschau angesehen und der hat eine Menge Umbruchpunkte und produziert zumindest in der Vorschau dicke breite Längsbalken rechts und links, zudem scheint er das Bild nach unten hin zu cutten, statt den Rest der Seite nach unten zu verschieben um das Bild nicht zu beschneiden.

Keine Ahnung ob sich das ändert wenn ich es auf ERWEITERN stelle, kannst Du das auschecken?

@KolAsim:

Auf deinem ersten Screenshot ist mein Bild oben und unten beschnitten :-(

Auf dem zweiten Screenshot sieht es ganz gut aus! :-)

------------------------------------------------------

Ein Kollege hatte mir es so programmiert, das ohne Umbruchpunkte das Bild nahtlos - immer das Browserfenster ausfüllend - wie ein Magnet an den Kanten anliegt, ohne das etwas abgeschnitten oder verdeckt wird.

Leider konnten wir den Code nicht innerhalb von Website x5 so anwenden, dass er im Template das gleiche Ergebnis gebracht hat wie ohne Website x5.

???

LG Patrick

Mehr lesen
Gepostet am von Patrick S.
Michael S.
Michael S.
User

Hallo,

ich hatte schon gute Erfahrungen mit dem Programm - Amazing Slider 6

Da kannst Du schöne Slideshows machen, in verschiedenen Formaten abspeichern und in Website X5 einbinden..

Kannst es ja mal testen...

Gruß - Michael

Mehr lesen
Gepostet am von Michael S.
Patrick S.
Patrick S.
User
Autor

Ich glaube ich habe zumindest (für den Augenblick bis sich neue Probleme ergeben... ;-)) eine L Ö S U N G gefunden!:

Ich habe nach einer Lösung gesucht, für die es gar kein Problem gab!?

Mein Problem war nicht der Slider!

(der funktioniert so wie er soll und es ist total einfach ihn so einzustellen wie ich es wollte...)

Ich hatte den LOGO-Schriftzug "Steinhaus-Photography" in der ersten Zeile als .png Datei als Bild in den Vordergrund gesetzt und eine Bildreihe als Zeilenstil in den Hintergrund. 

Nun wollte ich den Schriftzug immer gleich über den Bildern in der Bildmitte zentriert haben und die Bilder ebenfalls an allen Seiten unbeschnitten zentriert auf den oberen sichtbaren Bildausschnitt.

- Ein Problem war das unter den 4 Bildern leider eins leicht variierte Bildabmessungen hatte.

- Ein anderes Problem war - der Versuch mittels der Arbeitsflächenabmessungen (transparenter Hintergrund des .png) - die Bildhöhe zu erzwingen, die von der Bildreihe sichtbar gemacht wird.

Das Problem war nicht die Funktion des Sliders, sondern die Kongruenz von Bildabmessungen im Vordergrund (das .png) und Bildabmessungen von Bildern der Bilderreihe (der .jpg Dateien) im Ebenenstil.

Eine Lösung, die jetzt auf jeden Fall funktioniert, ist einfach den Schriftzug als Ebene zentriert in jedes Bild in Photoshop hineinzurechnen und die Bilder samt Schriftzug als neue Dateien mit gleichen Bildgrößen in der Bilderreihe einzupflegen. So konnte ich einfach auf das Bild im Vordergrund verzichten.

Morgen probiere ich aus, ob dies auch bei gleichen Abmessungen beim Bild  im Vordergrund und den Bildern der Bildreihe im Ebenstil im Hintergrund klappt.

Soweit erst mal Liebe Grüße und Dank für Eure Anteilnahme

LG Patrick

Mehr lesen
Gepostet am von Patrick S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Patrick S.
... ...  @KolAsim: Auf deinem ersten Screenshot ist mein Bild oben und unten beschnitten :-( Auf dem zweiten Screenshot sieht es ganz gut aus! :-) ------------------------------------------------------ ... ... ... 

>> siehe Klon,   teilweise! (vorübergehend, 24-48 Stunden)! ,,,auf der vorherigen Struktur,,,
... Strg+U (Ctrl+U) >> Code in den Zeilen 49-64
... zum Einfügen in das Expertenfenster | Benutzerdefinierter Code | Option: vor dem Schließen des Tags /head... ... ...wink... ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Patrick S.
Patrick S.
User
Autor

Hi KolAsim,

vielen Dank Deine Screenshots sehen jetzt sehr gut aus :-)

Der Link zu dem Code funktioniert nicht!?

Ich war zu spät...kannst Du den nochmal senden gerne auch an meine eMail Adresse

schreibanpatrick(at)hotmail.com

D A N K E

Patrick

Mehr lesen
Gepostet am von Patrick S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Patrick S.
... ...  Der Link zu dem Code funktioniert nicht!? ... ... 

hallo, ... Ich habe die Datei wiederhergestellt, online bearbeitet, ... ist wieder verfügbar, versuchen Sie ...
(! Achtung, nach 24-48 Stunden wird es aussterben)

Hallo, ciao

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Patrick S.
Patrick S.
User
Autor

Du bist der Größte :-)

Mille Grazie !!!

Jip hi, Juch Hu, Jipijayjey

Ich feiere Dich

Applaus

Heute Abend trinke ich einen guten Primitivo auf Dich!!!

Mehr lesen
Gepostet am von Patrick S.
Patrick S.
Patrick S.
User
Autor

Wäre es nicht gut den Code hier reinzuschreiben?

Dann könntest Du bestimmt noch vielen anderen helfen!?

Mehr lesen
Gepostet am von Patrick S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Patrick S.
Wäre es nicht gut den Code hier reinzuschreiben? Dann könntest Du bestimmt noch vielen anderen helfen!?

... der Code, den ich erfunden habe, ist individuell; ... muss dem Inhalt angepasst werden und ist nicht immer für alle Seiten gültig ...
... Sie müssen den Link sehen, um die Gültigkeit prüfen zu können.
... aber jeder, der möchte, kann den aktuellen Code frei kopieren ...  ... ciao... wink...

<!-- KolAsim - inizio - /HEAD --><style> #imCell_1 , #imCell_1 div{ min-height:0px !important;padding:0px !important; margin:0px !important;} #imCell_1 { top:30% !important;} #imCell_1 img{ width:100% !important;} #imObjectImage_01 , #imObjectImage_01 div{ width:100% !important;text-align-center} </style><script> function h_iframeK(){ var ww =2000; // larghezza immagini; var hh = 1051; // altezza immagini; var wdiviframe = document.getElementById('imPageRow_1').offsetWidth ; var hiframe=Math.round(wdiviframe*hh/ww); document.getElementById('imPageRow_1').style.height=hiframe + "px";} window.onload = function () {h_iframeK();scrollK() ;} window.onresize = function () {h_iframeK();scrollK() ;} </script><!-- KolAsim - FINE - /HEAD -->

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪