Wie macht man das? Größenänderung und mehrere wechselnde Bilder 
Author: Uwe J.
Visited 2020,
Followers 1,
Shared 0
Hallo,
ich habe in der Galerie diese Seite gefunden:
http://www.firma-hofer.de
1. Frage
Da wechseln oben die Fotos von links nach rechts und gleichzeitig schiebt sich unten ein wechselnder Schriftzug ein.
2. Frage
Die ganze Seite ist mit Fotos immer komplett seitenfüllend.
Wenn ich also vom Vollbildschirm zu einem kleinerem Browserausschnitt verkleinere,
Verkleinern sich auch die Bilder.
Wie macht man das?
3. Frage
Braucht man dafür die Prof Version?
Freue mich über eure Tipps.
Grüße Uwe
Posted on the
würde mich auch interssieren
Ich würde sagen mit "Webanimator" erzeugt ! (Aber mit der "GO" wirst du sowas nicht hinbekommen.
Hallo zusammen,
den oberen Slider habe ich mit Webanimator erzeugt.
Den (fast) Bildschirmbreiten Content habe ich durch geschickte Platzierung der einzelnen Breakpoints erzeugt. Das Menü habe ich in den Header gelegt und den Footer habe ich weggelassen und durch ein/zwei Textfeld/er im Content ersetzt.
Gruß
Martin
Hier mal ein Tutorial wie man solche Seite erzeugt https://www.youtube.com/watch?v=99tYq2lBtZI&spfreload=10
Hallo Erhard,
Du solltest die Breakpoints nochmals überarbeiten, den diese sind - je nach Auflösung des Endgerätes - nicht optimal eingestellt. Weiterhin müsstest Du den Content entsprechend ausrichten, so dass dieser (je nach Auflösung) nicht linksbündig dargestellt wird.
Wenn Du dass Menü etwas kleiner machen würdest, wäre u.U. auch das "normale" Menü bei einem Tablet sichtbar und nicht das Hamburgermenü.
Mit dieser Seite kann man dies gut überprüfen: http://quirktools.com/screenfly/
Author
Hallo, super,Dank dem Video von Erhard weiss ich nun auch, was ein Breakpoint ist und wie das mit den Breiten funktioniert.
Martin. Deine Seite ist Klasse gelungen. Jetzt muss ich mal schauen, was der Webanimator ist. Macht man damit dieses Einblenden und wechseln der Bilder oben?
Aha. Den gibt es von Incomedia. Muss oder sollte man den benutzen ?
Danke für die tollen Tipps.
Grüße Uwe
Author
Eine Frage an Erhard:
in dem Video werden auf der Startseite "soviele Spalten, wie möglich" angelegt.
Wofür ist das erforderlich?
Gruß Uwe
Author
Eine Frage an Martin und andere:
brauche ich dafür die Pro Version und welche der Webanimator Versionen brauche ich.
Es gibt da WebAnimator Go, für 22,99 dann die normale WebAnimator für 55,99 und die WebAnimator Plus für 88,99.
Wie schon gesagt, mache ich keine Webseiten. Eben nur jetzt einmalig meine eigene.
Grüß Uwe
Hallo Uwe,
mit dem Webanimator kannst Du u.a. diese wechselnden Bilder mit den Texten erstellen. Kannst Dir mal die Testversion laden um zu sehen, welche Version Du den brauchst. Ich habe die Plus Version gekauft.
Soviele Spalten wie möglich würde ich nicht machen, sondern nur soviele die Du auch wirklich benötigst. Andreas kann Dir dazu sicherlich genaueres mitteilen.
Gruß Martin
Author
Hallo Martin,
ganz spät abends nur kurz ein Dankeschön für deine Antworten.
ich werde Kontakt mit dir aufnehmen.
Grüße Uwe
Tut nicht unbedingt nötig. Ich habe es nur aus dem Grund gemacht da ich über die Volle Breite von 1920 Px gehe und hier dann eine bessere Aufteilung der einzelnen Text, Tabellen und Bilderfelder möglich ist.
Ich habe bei der Animation ebenfalls den WebAnimator Plus verwendet. Ich werde nachher mal ein kleines Tutorial machen wie min mit dieser Version arbeitet.
Hallo Erhard,
als Anlage sende ich Dir 2 Screenshots von deiner Homepage zu. Full HD Tablet 8 zoll.
Auch wenn Du die Seite für eine Auflösung von 1920px konzipierst hast meine ich, man sollte bei der Erstellung einer Homepage (wenn möglich) auch andere Endgeräte und deren Auflösung berücksichtigen. Dies soll jetzt keine Kritik an deine Homepage sein sondern meine Meinung darlegen
Gruß Martin
Es ist schon richtig dass alle Endgeräte berücksichtigt werden sollten----nur damit habe ich so meine Probleme. Ich arbeite mehrgleisig, MAC und PC (Retina und beim PC 4K) Da kannst Du dir schon vorstellen welch Probleme ich bei der Auswahl der Breakpoints hatte. Deshalb vielen Dank, Martin, für Deinen Hinweis auf die von Dir empfohlene Website. Werde die Breakpoints mal danach korrigieren