Galaxy Z Flip4 | Spezifikationen, Kamera & Display | Samsung CH (2024)

Galaxy Z Flip4

• REVIEWS
• SPEZIFIKATIONEN
• SUPPORT
• VERGLEICHEN

JETZT KAUFEN

• Highlights
• Showroom
• Zubehör
• REVIEWS
• SPEZIFIKATIONEN
• SUPPORT
• VERGLEICHEN

VORABREGISTRIERUNGJETZT KAUFENJETZT KAUFENHÄNDLERSUCHE

Stand up to the standard

• Wefies by Flip

  We open with two females running up a terraced, grassy field, soon joined by a male who is following quickly behind. Cut to a close-up shot of one of the female leads with a mint-colored ribbed, long-sleeved top flipping open the Galaxy Z Flip4. The trio is posing beside a grassy mound, ready to take a hands-free photo. We cut to a close-up of the Galaxy Z Flip4, now squarely aimed at the trio just before the photo is taken. We see the trio clearly in frame before the shutter is released. The words “Selfie By Flip" flash across the screen before a final close-up of the Galaxy Z Flip4 with the trio posing in frame on the screen. Disclaimer: Image simulated for illustrative purpose. Actual UX/UI may vary. Sequence shortened. Flex mode supported at angles between 75 degrees and 115 degrees. Zoom out and see the trio posing as the flash goes off. We cut to a close up of the same female with mint-colored ribbed, long-sleeved top closing the Galaxy Z Flip 4. The next frame shows “Hands Free with FlexCam” Samsung.com. Disclaimer: FlexCam refers to camera experience using Flex mode. Samsung logo.

• Expertenbewertung

  @mkbhd. MKBHD ist in seinem Studio. Raffinesse. Haftungsausschluss: Tech-Reviewer teilen ihre Meinung über das Galaxy Z Flip4. Für diese Rezension wurde keine Zahlung geleistet. Die Lizenz wurde nach der Veröffentlichung des Inhalts auf YouTube gegen eine Gebühr erworben. Verfügbarkeit der Modelle und Farben kann je nach Land und Anbieter variieren. Das sagen die Experten… Galaxy Z Flip4. @unboxtherapy. Unbox Therapy hält ein entfaltetes Galaxy Z Flip4 in Bora Purple in seinen Händen, während er spricht. Zitat von Unbox Therapy: «Es ist das ultimative Aktivitäts-Smartphone, das ultimative tragbare Smartphone.» Design. @gadgetmatch. Auf einem hölzernen Picknicktisch steht eine schwarze Kiste, auf deren Deckel Flip steht. Michael Josh von Gadget Match fährt mit seinem Finger über die Aufschrift Galaxy Z Flip4 auf der Verpackung. Dann hält Michael Josh das Smartphone in den Händen und dreht es, um es in verschiedenen Winkeln zu zeigen. Langlebigkeit. Eine extreme Nahaufnahme des Klappgelenks des entfalteten Bora Purple-Geräts. Zitat von MKBHD: «Es ist ein bisschen stärker und robuster.» Als Nächstes eine Aufnahme von MKBHD, wie er das Gerät mit einer Hand entfaltet, und zwar von der Seite, um sein Kantenprofil zu zeigen. Kamera. Eine Aufnahme des Cover-Bildschirms des Geräts in einer teilweise gefalteten Position. Es steht aufrecht in einem Winkel von etwas weniger als 90 Grad. Zitat von Gadget Match: «Rechne mit besser aussehenden Fotos.» Als Nächstes vergleichen wir Fotos, die mit dem Galaxy Z Flip4 und dem Galaxy Z Flip3 im Ultrabreitbildmodus aufgenommen wurden, Seite an Seite. Das Galaxy Z Flip4 machte ein farbintensiveres Foto als sein Vorgänger. Cover-Bildschirm Eine Live-Vorschau von Unbox Therapy erscheint auf dem Cover-Bildschirm eines Galaxy Z Flip4 im FlexCam-Modus. Es nimmt ein Video von ihm mit der Hauptkamera auf. Als Nächstes wird auf dem Hauptbildschirm ein Foto in der Gallery-App angezeigt. Zitat von Gadget Match: «Das ist wahrscheinlich die beste Selfie-Kamera auf dem Markt.» Das Foto selbst ist abgebildet. Im Porträtmodus ist das Motiv klar, während der Hintergrund unscharf ist. Akku. Nahaufnahme der Rückseite des Galaxy Z Flip4 in den Händen von MKBHD, während er das Gerät benutzt. Snapdragon 8 plus Gen 1. 3700-Milliamperestunden-Akku. Das Smartphone wird hochgehalten und entfaltet und von hinten gezeigt. Als Nächstes wird das Smartphone teilweise in einem spitzen Winkel gefaltet, um es an der oberen und unteren Kante mit der Rückseite nach oben aufzustellen. Samsung.com. Samsung Logo.

• Film zur offiziellen Einführung

  Eine Aufnahme des gefalteten Galaxy Z Flip4 in Bora Violett von oben, wie es mit dem Klappgelenk aus der Handtasche gezogen wird. Als Nächstes wird das Gerät in den Flex Modus entfaltet, in dem die Kamera-App ausgeführt wird. Auf dem Vorschaubildschirm ist eine Gruppe von Personen zu sehen, die sich bereit macht, ein gemeinsames Foto zu machen. Das brandneue Galaxy Z Flip4. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Als Nächstes lächelt die Gruppe von Freunden für das Foto. Das Gerät steht auf einem Couchtisch vor den Freunden, die auf einer Couch sitzen, und der Hauptbildschirm ist ihnen zugewandt. Danach wird das Gerät wieder vom Hauptbildschirm aus gesehen, um das aufgenommene Bild zu zeigen. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Als nächstes schaut eine Katze aus der Ferne zu. Dann posiert die Gruppe von Freunden für ein weiteres Bild aus einem niedrigeren Winkel. Diesmal wird das Foto mit der Hauptkamera aufgenommen und die Vorschau des Fotos wird auf dem Cover-Bildschirm angezeigt. Wieder schaut die Katze mit staunenden Augen zu, wie sie Fotos machen. Das Gerät bleibt auf dem Tisch liegen und die Kamera-App ist im Flex Modus geöffnet, als die Freunde gehen. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Die Katze steht auf, nähert sich dem Galaxy Z Flip4 und stösst es sofort vom Tisch. Es purzelt auf den Boden und die Katze beobachtet es vom Boden aus, immer noch geöffnet im Flex Modus. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Die Katze sieht sich selbst durch die Selfie-Kamera auf dem Bildschirm an. Sie tippt auf die Tasten im unteren Teil des Bildschirms und knipst Fotos. Die Katze dreht sich zu den beiden Hunden, die hinter der Katze sitzen. Sie schliessen sich der Katze an und machen weitere Selfies. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Dann kommt der Besitzer des Smartphones zurück, um das Smartphone zu holen. Die drei Tiere sehen schockiert aus, dass sie erwischt wurden. Dann eine Nahaufnahme des Geräts mit dem Selfie der Katze, das immer noch auf dem Bildschirm zu sehen ist, als es gefaltet und vom Boden aufgehoben wird. Erfasse neue Perspektiven mit FlexCam. Disclaimer: Bild simuliert. UX/UI Änderungen vorbehalten. Der Flex Modus wird bei Winkeln zwischen 75 Grad und 115 Grad unterstützt. Als nächstes ist ein entfaltetes Bora Violett Galaxy Z Flip4 auf dem Hauptbildschirm zu sehen. Während es sich dreht, ist von hinten ein weiteres gefaltetes Bora Violett Galaxy Z Flip4 zu sehen. Das geöffnete Gerät schnappt zu und das hintere öffnet sich im Flex Modus. Die beiden Geräte liegen nebeneinander, das eine schräg vom teilweise entfalteten Hauptbildschirm aus gesehen, das andere auf die Ecke gedreht und mit der vorderen Abdeckung. Galaxy Z Flip4. Samsung dot com. Disclaimer: Bild simuliert. Entfalte deine Welt. Samsung-Logo.

• Over the Horizon 2022

  «Over The Horizon 2022 von Suga von BTS» produziert. Der gleichnamige Song wird gespielt. Dann wird jedes Mitglied der K-Pop-Band BTS in einer Reihe von Zeitlupen-Porträtaufnahmen gezeigt. Dann, in einem schnelleren Tempo, streckt ein Bandmitglied seinen Arm in Richtung der sich drehenden Kamera aus und zeigt ein gefaltetes Galaxy Z Flip4 in Bora Purple. Jetzt tanzen die Bandmitglieder mit dem Gerät in der Hand zur Musik. Sie posieren für eine Reihe von Schnappschüssen. Sie tanzen vergnügt mit Galaxy Z Flip4 in den Händen. Dann setzen sich zwei Mitglieder zusammen auf eine Couch, wobei einer das entfaltete Smartphone waagerecht hält. Sie schauen sich ein Video auf dem Hauptbildschirm an. Das andere Mitglied entreisst ihm das Smartphone. Derjenige, der das Smartphone ursprünglich in der Hand hatte, nimmt ein anderes von der Couch auf und benutzt dieses stattdessen. Das Mitglied, das neben ihm sitzt, schnappt sich auch das zweite Gerät. Die Mitglieder posieren weiterhin so, als würden sie Fotos machen. Ein anderer greift zur Kamera, als wäre es das Galaxy Z Flip4. Dann verwandelt sich das Videobild augenblicklich in den Hauptbildschirm eines Galaxy Z Flip4, als zwei Bandmitglieder es ergreifen und den Bildschirm zu sich drehen, um es zu betrachten. Sie scheinen überrascht zu sein. Wie zuvor streckt ein Mitglied die Hand in Richtung Kamera aus. Das Videobild wird zu einem weiteren Hauptbildschirm des Galaxy Z Flip4. Hier inspizieren drei Mitglieder das Gerät mit Neugierde. Wieder greift jemand nach der Kamera und sie verwandelt sich in einen weiteren Hauptbildschirm, der von einem anderen Mitglied ergriffen wird. Jetzt ist die ganze Band in der Szene zu sehen. Jeder hält ein Galaxy Z Fold4 in Bora Purple. Sie alle kommen, um zu sehen, was auf dem Bildschirm desjenigen zu sehen ist, der das Smartphone zuletzt in die Hand genommen hat. Als Nächstes reisst ein Bandmitglied einem anderen spielerisch das Gerät aus der Hand und rennt weg, während der andere so tut, als ob er das Gerät noch immer in der Hand hält und den Bildschirm mit seinen Daumen berührt. Als nächstes kommt ein weiteres Bandmitglied ins Bild, das mit dem Galaxy Z Flip4 im Flex Mode tanzt. Es folgt eine Reihe von kurzen Porträtclips, in denen jedes Mitglied mit dem Smartphone tanzt. Nach und nach zeigen die Clips Ganzkörperporträts und sie tanzen um einen grossen violetten Rahmen in Form eines Würfels. Zum Schluss versammeln sie sich alle für ein Gruppenfoto. Das Bildverhältnis ist quadratisch. Das Quadrat zieht sich immer weiter zurück und verschwindet dann wie ein Fensterladen, der sich zu einer horizontalen Linie schliesst. Samsung Galaxy Logo und BTS Logo.

Vorgängige Folie Nächste Folie

«Over The Horizon 2022 von SUGA von BTS» herunterladen

Movie Player Layer

• «...das Galaxy Z Flip4 ist das Beste seiner Klasse.»

  Digital Trends Joe Maring

  Von Digital Trends. © 2022 Digital Trends Media Group. Alle Rechte vorbehalten. Verwendung unter Lizenz.

  Samsung Galaxy
  Z Fold4 und Z Flip4

  «Faltbare Geräte werden nicht nur ein Ding sein, sondern DAS Ding»

  TechRadar 08/2022

Vorgängige Folie Nächste Folie

• Eine völlig neue Perspektive erleben.
• Die besten Blickwinkel mit FlexCam
• Individuell anpassbar an deinen Inhalt
• Robustheit sowohl innen als auch aussen
• Entfalte deine Welt

Zieht alle Blicke auf sich

FARBEN

Das neue Farbenspiel

Wähle eine Farbe, die zu fast allem passt, aber trotzdem aussergewöhnlich aussieht. Die matte Glasoberfläche bildet einen sanften Kontrast zum glänzenden Metallrahmen. Entdecke vier Farbtöne: Bora Purple, Graphite, Pink Gold und Blue.¹

• Bora Purple
• Graphite
• Pink Gold
• Blue

KOMPAKTE GRÖSSE

Passt wie angegossen

Die Zeit, in der du deinen Look nach deinem Smartphone richten musstest, ist vorbei. Zusammengeklappt ist das Galaxy Z Flip4 klein aber mächtig und passt auch in schmale Taschen. Klappst du es auf, kommt das grosse Hauptdisplay zum Vorschein.³

Flex your photo skills

• 

• 

• 

See Also

Samsung Galaxy Z Flip 4 im TestHands on: Neues Foldable: Das Samsung Galaxy Z Flip 4 im TestGalaxy Z Flip 4 im Test – Samsungs modischer Falter hält länger durchSamsung Galaxy Z Flip4: Klapp-Handy mit starker Leistung und Top-Display

#withGalaxy

FLEXCAM

Bleib flexibel mit der FlexCam

Entdecke FlexCam – eine Kamera die du vielseitg einsetzen kannst und dabei deine Hände frei hast. Nutze die wendigen Winkel deines Galaxy Z Flip4, um Gruppenfotos, Selfies und Videos aus atemberaubenden Perspektiven und mit beeindruckender Detailtreue aufzunehmen – sogar in deinen beliebtesten sozialen Apps. ⁹

• * Bilder sind zu Illustrationszwecken simuliert. Die tatsächliche Benutzeroberfläche kann variieren.

• 

• 

• 

QUICK SHOT

But first, let me take a Selfie

Mit der Echtzeit-Vorschau kannst du Selfies mit der Rückkamera machen, ohne dein Handy zu öffnen. Mache ein Selfie aus der Ferne mit dem Viewfinder im Vollbildmodus oder tippe auf das Originalverhältnis. So kannst du sicher sein, dass auch wirklich alles im Bild ist. Und mit den neuen Software-Upgrades kannst du die Quick Shot-Funktion flexibel öffnen, bis die FlexCam-Funktion übernimmt, damit du aus allen Winkeln freihändig Fotos machen kannst.⁹

• *Bilder sind zu Illustrationszwecken simuliert. Die tatsächliche Benutzeroberfläche kann variieren.

#withGalaxy

Komm auf die dunkle Seite

#withGalaxy

MULTI-KAMERA SYSTEM

Mach die Nacht zum Tag

Bringe die Nacht zum Leuchten mit Nightography für die Rückkamera. Mit den größeren Pixeln der Weitwinkelkamera kommen Details auch im Dunkeln zum Vorschein. Sag „Cheese"!

Mit Nightography muss nicht alles still stehen. Zeige auch deine Video-Skills, wenn die Action losgeht. Dank verbessertem OIS und VDIS bleiben die Aufnahmen stabil und verwackeln nicht. Die Super Night Solution minimiert mit ihrer leistungsstarken Verarbeitung das Rauschen, sodass du auch später in die besten Clips deines Nachtlebens nochmal eintauchen kannst.

12MP Ultraweitwinkel-Kamera 12MP Weitwinkel-Kamera

10MP Selfie Kamera

Hält ganz schön was aus

HAUPTDISPLAY

Von flex zu flach

Das 6,7-Zoll-Display entfaltet dank Ultra Thin Glass einen wunderschönen Anblick.⁴ Fortschrittliche Robustheit macht es stärker als je zuvor – es hält mehr als 200.000 Faltungen aus.^{5, 6}

VON AUSSEN

Richtig starker Auftritt

Das Galaxy Z Flip4 gehört zu den bisher robustesten faltbaren Smartphones von Samsung, gewappnet mit exklusivem Corning® Gorilla® Glass Victus®+ und robustem Scharnier in Armor Aluminium.

WASSERRESISTENT NACH IPX8

Gar nicht wasserscheu

Das Galaxy Z Flip4 gehört zu den weltweit ersten wassergeschützten faltbaren Smartphones.⁷ Es kann bis zu 30 Minuten in 1,5 Meter tiefem Wasser aushalten.

ENTERTAINMENT

Bring alle zusammen

VIDEO-CALL

Geteilte Freude ist doppelte Freude

Triff dich mit deinen Freunden per Videochat auf Google Meet.⁹ Du kannst sogar einen Filmabend auf deinem Smartphone veranstalten, indem du mit deinen Freunden gemeinsam Videos in hoher Qualität über Live Sharing anschaust. Mit synchronisierten Videos kannst in Echtzeit mitverfolgen, wie alle auf das Action reagieren.¹⁰

FLEXCAM FÜR SOCIAL

Mach mehr aus deinem Feed

Inhalte zu erstellen ist jetzt noch einfacher. Mit FlexCam kannst du dich selbst, deine Freunde oder deine Schauspieler aus neuen Blickwinkeln filmen.⁸ Und wenn dein Film fertig ist, lädst du ihn einfach auf deine sozialen Medien hoch und bekommst die wohlverdienten Lorbeeren.

Start

Steck die Power in die Tasche

Mit so viel Power kannst du ruhig mal überziehen. Zusammen mit dem effizienten 4nm-Prozessor sorgt der ausdauernde Akku mit 3.700 mAh dafür, dass du energiegeladen durch den Tag kommst.^11,12

Wenn der Akku doch mal zur Neige geht, kannst du ihn mit der Super-Schnellladefunktion oder kabellos mit Fast Wireless Charging 2.0¹³ ruckzuck wieder aufladen. Und mit so viel Energie macht es dir auch nichts aus, mit Wireless PowerShare¹⁴ die Galaxy Buds mit deinen Freunden schnell aufzuladen.

Zusammen noch besser

25 Watt-Schnellladeadapter¹⁵

für den schnellen Energieschub

Zum Ladeadaptern

See Also

Samsung Galaxy Z Flip 4 im Test: Es wird Zeit für Neues!

FRONTDISPLAY

Das Fenster zur deiner Welt

ANPASSBARES FRONTDISPLAY

Dein Style immer auf dem Schirm

Das 4,82 cm / 1,9 Zoll grosse Frontdisplay ist ein weiterer Bildschirm, auf dem du dich austoben kannst.¹⁶ Passe ihn nach deinen Vorstellungen mit Videos, Fotos oder deinen AR-Emojis an. Das ist so einfach, dass du ihn jederzeit je nach Stimmung, Wetter oder deinem Outfit anders gestalten kannst.

PRAKTISCHES FRONTDISPLAY

Auf einen Blick unter Kontrolle

Deine täglichen digitalen Dauerbrenner, direkt auf dem Cover-Bildschirm. Steuere dein Smartphone mit Klopf- und Wischbewegungen auf dem 4,8 cm grossen Cover-Bildschirm.¹⁶ Greife auf die Schnelleinstellungen zu, antworte auf Texte und füge Widgets hinzu, um Apps immer zur Hand zu haben – ganz ohne Hauptbildschirm.

GALAXY WATCH5

Rund um die Uhr ausgeruht

Behalte am Handgelenk deine Fitness- und Gesundheitswerte im Auge. Die Galaxy Watch5 kann deine Schlafmuster und noch viel mehr erfassen.¹⁷ Hat sie dich kennengelernt, zeigt sie deinen Schlaftyp mit einem Tier-Symbol an und hilft dir dabei, noch erholsamer zu schlummern.

Zusammen noch besser

Galaxy Watch5¹⁸

mit Schlafanalyse

Zur Galaxy Watch5

Erlebe das Galaxy-Ecosystem

Galaxy Z Fold4MEHR ERFAHRENJETZT KAUFEN

Galaxy Watch5MEHR ERFAHRENJETZT KAUFEN

Galaxy Buds2 ProMEHR ERFAHREN JETZT KAUFEN

* Galaxy Z Fold4, Galaxy Watch5 and Galaxy Buds2 Pro sind separat erhältlich.

SMART SWITCH

Wechsel auf die smarte Art

Mit Smart Switch steigst du ganz einfach von deinem alten Smartphone auf das Galaxy Z Flip4 um – selbst wenn du noch kein Samsung Galaxy hast. Übertrage in nur wenigen Schritten deine Fotos, Nachrichten, Daten und mehr.¹⁹

Mehr zu Smart Switch

EXZELLENTES GALAXYDu weisst, was du hast

• 4NM-PROZESSOR

  Genauso schnell wie flexibel

  Ob beim Gamen, Multitasken oder Multitasking beim Gamen – es soll reibungslos und nahtlos funktionieren. Das Galaxy Z Flip4 hat jetzt den leistungsstärksten Chip der Samsung Galaxy Foldables.²⁰

  Mit der verbesserten Kamera, die mit einem 65 % helleren Sensor* ausgestattet ist und von der Snapdragon® 8+ Gen 1 Mobile Platform angetrieben wird, sind Fotos und Videos schärfer und stabiler – egal ob bei Tag oder Nacht.

  * Im Vergleich zum Galaxy Z Flip3 5G.

  

• 5G

  Geschwindigkeit für Ungeduldige

  Egal, wo du den Moment teilen willst, er ist schnell da! Mit der 5G-Konnektivität kannst du Inhalte mit hyperschnellen Geschwindigkeiten streamen, herunterladen und posten.²¹

  

• SPEICHER

  Sammeln statt löschen

  Da du jetzt Tag und Nacht fotografierst, brauchst du den nötigen Platz, um deine Kunstwerke aufzubewahren. Fülle deine Gallery mit bis zu 256 GB integriertem Speicherplatz auf.²²

  

  Synchronisiere deine Gallery mit OneDrive und geniesse 6 Monate lang 100 GB OneDrive Cloud-Speicher mit Galaxy Z Fold4 und Galaxy Z Flip4.^{23, 24}* Es gelten die allgemeinen Geschäftsbedingungen.

  

• SAMSUNG KNOX

  Mehrschichtiges Sicherheitssystem

  Samsung Knox kann deine privaten Daten mit mehrschichtiger Sicherheit schützen, die in die Hardware und die Software integriert ist.

  

• SEITLICHER FINGERABDRUCKSCANNER

  Mit einer Berührung entsperren

  Ein einfacher Tipp auf den Fingerabdruckscanner genügt, um das Hauptdisplay schnell und zuverlässig zu entsperren.

  

• ONE UI

  Richte es dir ein, wie du es magst

  One UI hilft dir dabei, dein Android-Smartphone einzigartig zu machen. Gestalte das Frontdisplay und das Hauptdisplay nach deinem Geschmack und deinen Bedürfnissen.

  Mehr zu One UI

  

ZUBEHÖR

Das Extra für dein Flip

MEHR ENTDECKEN

Pop-up schliessen

Häufig gestellte Fragen

• Das Galaxy Z Flip4 ist in Bora Purple, Graphite, Pink Gold und Blue erhältlich. Mit der Bespoke Edition kannst die die Farben der Vorder- und Rückseiten sowie des Rahmens auswählen und kombinieren. Die Farben der Bespoke Edition sind: Yellow, White, Navy, Khaki und Red. Den Rahmen kannst du in Black, Silver oder Gold auswählen. Konfiguriere deine eigene Farbkombination im Samsung Online Shop.^1,2

  MEHR ZU DEN FARBEN

• Das Galaxy Z Flip4 ist kompakter, hat einen grösseren Akku, einen leistungsstärkeren Prozessor und ein robusteres Design als das Vorgängermodell. Das Frontdisplay kann besser angepasst werden. Dank einer verbesserten Weitwinkelkamera macht das Galaxy Z Flip4 bei schlechten Lichtverhältnissen noch bessere Fotos. Ausserdem gibt es mehr Apps von Drittanbietern, die für den Flex-Modus optimiert sind sowie mehr Möglichkeiten, mehrere Fenster auf einem Display zu verwenden.

• Das Galaxy Z Flip4 eignet sich dank seines faltbaren Designs hervorragend für Selfies und Video-Calls. Du kannst es in verschiedenen Winkeln klappen und dann sicher aufstellen, sodass freihändige Video-Calls und Fotos aus der Distanz möglich werden. Dabei siehst du sogar eine Vorschau deines Selfies auf dem Frontdisplay, ohne das Smartphone aufklappen zu müssen.³

  MEHR ZUR KAMERA

• Das Galaxy Z Flip4 wird von einem intelligenten 3.700 mAh (typisch) Dual-Akku angetrieben.^{12, 13} Er lädt schneller als sein Vorgänger, wenn er an der Steckdose angeschlossen ist, und unterstützt jetzt Super Fast Charging und Fast Wireless Charging.^{14, 15}

  ZU AKKU

• Gestalte die Anzeige des Frontdisplays in deinem persönlichen Stil oder verwende ein Video als Hintergrundbild. Aber der Look ist nicht alles. Du kannst auch Widgets verwenden und auf Nachrichten antworten, ohne dein Smartphone aufzuklappen.

  MEHR ZUM ANPASSBAREN FRONTDISPLAY

• Ja, im Galaxy Z Flip4 werden besonders widerstandsfähige Materialien eingesetzt, wie Corning® Gorilla® Glass Victus®+, Armor Aluminum und Ultra Thin Glass. Ausserdem ist es eines der weltweit ersten faltbaren Smartphones, die gegen Wasser geschützt sind.

  MEHR ZU ROBUSTHEIT

Vorherige SeiteNächste Seite

• HIGHLIGHTS
• SHOWROOM
• ZUBEHÖR

MEHR ERFAHREN

Wechsel auf die smarte Art

MEHR ENTDECKEN

JETZT KAUFENVORABREGISTRIERUNGJETZT BESTELLENHÄNDLERSUCHE

Gib uns deins. Hol dir eins.

Tausche jetzt dein Altgerät ein und profitiere vom Eintauschbonus.

MEHR ERFAHREN

Für kreative Köpfe, die ihre Welt auf andere Art sehen.

MEHR ENTDECKEN

Schau dir das Galaxy Z Flip4 in AR anIN AR ÖFFNEN

Your Galaxy. Your way.

Mit Galaxy-Geräten kannst du mehr Möglichkeiten entdecken, dich zu verbinden und die Welt so zu erleben, wie es dir gefällt.

MEHR ENTDECKEN

Entdecke den epischen Standard für dein UnternehmenGEHE ZU SAMSUNG BUSINESS

Modus für hohe BandbreiteModus für niedrige Bandbreite

* Alle Spezifikationen und Beschreibungen auf dieser Seite können von den tatsächlichen Spezifikationen und Beschreibungen für das Produkt abweichen. Samsung behält sich das Recht vor, dieses Dokument und die darin beschriebenen Produkte jederzeit und ohne Angabe von Gründen zu ändern. Alle Funktionalitäten, Eigenschaften, Spezifikationen, Benutzeroberflächen und andere Produktinformationen in diesem Dokument, einschließlich aber nicht beschränkt auf Produktvorteile, Design, Preis, Komponenten, Leistung, Verfügbarkeit und Produkteigenschaften können jederzeit ohne Angabe von Gründen geändert werden. Die Bildschirminhalte sind simuliert und nur zu Demonstrationszwecken erstellt.

1. Die Verfügbarkeit der Farben kann je nach Land, Region oder Anbieter variieren.
2. Die Bespoke Edition ist nur auf Samsung.com erhältlich. Bitte rechne mit einer Lieferzeit von 3 bis 4 Wochen (geschätzt). Die Verfügbarkeit der Bespoke Edition-Farben kann je nach Land, Region oder Netzbetreiber variieren.
3. Das Galaxy Z Flip4 misst 165,2 x 71,9 x 6,9 mm im geöffneten Zustand und 84,9 x 71,9 x 17,1 mm im geschlossenen Zustand.
4. Diagonal gemessen ist die Bildschirmgrösse des Galaxy Z Flip4 16,5 cm im vollen Rechteck und 16 cm. Zieht man die gerundeten Ecken in Betracht ist der sichtbare Bereich etwas kleiner wegen den abgerundeten Ecken und dem Loch für die Kamera.
5. Geprüft und zertifiziert von Bureau Veritas.
6. Im Vergleich zum Galaxy Z Flip3 5G Ultra Thin Glass.
7. Bezieht sich auf das Galaxy Z Fold4, Z Flip4, Z Fold3 5G und Z Flip3 5G. Das Galaxy Z Flip4 ist mit IPX8 zertifiziert. IPX8 bedeutet: Schutz bei dauerhaftem Untertauchen bei 1,5 m Wassertiefe für 30 Minuten und ausschliesslich in klarem Wasser. Kein Schutz bei Salzwasser und anderen Flüssigkeiten, insbesondere Seifenlauge, Alkohol und/oder erhitzter Flüssigkeit. Der SIM-Kartenhalter muss stets vollständig mit dem Gerät abschliessen, so dass durch ihn kein Wasser eindringen kann.
8. FlexCam bezieht sich auf die Kameraerfahrung, die den Flex Modus benutzt. Der Flex Modus wird bei Winkeln zwischen 75° und 115° unterstützt.
9. Google Meet ist ein Markenzeichen von Google LLC. Teilnehmer müssen die neuesten Versionen von Google Duo oder Google Meet und YouTube verwenden, um Live Sharing nutzen zu können.
10. Es können bis zu 100 Personen gleichzeitig verbunden werden. Die Qualität des Live-Sharing-Videos, die Verfügbarkeit und die unterstützten Apps können je nach Anzahl der Teilnehmenden (in Bezug auf die Videoqualität), dem Gerät, den Netzwerkbedingungen, dem Land oder dem Anbieter variieren. Für einige unterstützte Apps sind möglicherweise Abonnements mit separaten Bedingungen erforderlich.
11. Die mAh-Angabe bezieht sich auf den typischen Wert der Akkukapazität, der unter Laborbedingungen ermittelt wurde. Die nach der einschlägigen Norm IEC 61960 ermittelte (Mindest-)Kapazität beläuft sich auf einen geringeren Wert. Die tatsächliche Akkulaufzeit kann je nach Netzwerkumgebung, Nutzerverhalten und anderen Faktoren variieren.
12. Geschätzter Wert basierend auf typischen Nutzerprofilen. Unabhängig ermittelt von Strategy Analytics in den USA vom 07.07.– 12.07.2022 unter Verwendung der Vorabversionen des SM-F721U unter Standardeinstellungen mit der Nutzung des 5G Sub6-Netzwerkes (NICHT getestet mit 5G mmWave Netzwerk). Die tatsächliche Akkulaufzeit kann je nach Netzwerkumgebung, Nutzungsmuster, verwendeten Apps und Funktionen, Häufigkeit von Anrufen und Nachrichten, Anzahl an Ladezyklen und anderen Faktoren variieren.
13. Von 0 % bis zu 50% Aufladung in etwa 30Minuten mit einem 25W Adapter oder höher. Auf internen Tests basiert. Tatsächliche Ladezeit kann je nach Einsatzbedingungen und anderen Faktoren variieren.
14. Limitiert auf Geräte, die drahtlos aufgeladen werden können (QI-Standard). Wenn der Batteriestand weniger als 30 % beträgt, funktioniert Wireless PowerShare möglicherweise nicht. Funktioniert möglicherweise nicht mit bestimmten Zubehörteilen, Hüllen, Geräten anderer Marken oder einigen Samsung Wearables. Wireless PowerShare kann je nach Netzwerkumgebung den Anrufempfang oder die Datendienste beeinträchtigen.
15. 25Watt-Schnellladeadapter ist separat erhältlich.
16. Die Bildschirmdiagonale des Frontdisplays des Galaxy Z Flip4 5G misst 4,82 cm / 1,9 Zoll im vollen Rechteck und 4,60 cm / 1,8 Zoll innerhalb der Abrundungen. Der tatsächlich nutzbare Bildschirmbereich ist durch die abgerundeten Ecken verringert.
17. Die Verfügbarkeit von Produkten und Funktionen kann je nach Land oder Region variieren. Die Galaxy Watch5 muss mit einem Samsung Galaxy Smartphone mit Android 8.0, mindestens 1,5 GB RAM und der Samsung Health App Version 6.22.1 oder höher gekoppelt werden. Nur für allgemeine Wellness- und Fitnesszwecke gedacht. Nicht für die Erkennung, Diagnose oder Behandlung von Schlafstörungen oder -zuständen zu benutzen. Die Messungen sind nur für den persönlichen Gebrauch gedacht. Bitte konsultiere eine medizinische Fachkraft für weitere Ratschläge.
18. Die Galaxy Watch5 ist separat erhältlich.
19. Für die kabelgebundene Übertragung wird mindestens Android™ 4.3, iOS 5 oder Windows Mobile OS 8.1 oder OS 10 auf dem alten Gerät benötigt. Geräte mit einem älteren Betriebssystem müssen drahtlose Übertragungsoptionen unterstützen. Wenn das erforderliche USB-Kabel/der erforderliche Anschluss für eine kabelgebundene Übertragung zum Galaxy-Smartphone nicht verfügbar ist, können auch drahtlose Übertragungsoptionen verwendet werden. Daten und Inhalte, die übertragen werden können, können je nach Betriebssystem variieren. Für die Übertragung von Daten aus iCloud oder anderen Cloud-Speicherdiensten ist eine Datenverbindung erforderlich. Ändere deine iMessage-Einstellungen entsprechend, um Unterbrechungen bei Textnachrichten zu vermeiden, wenn du Daten von iOS überträgst.
20. Im Vergleich zu früheren Samsung Galaxy Foldables.
21. Erfordert optimale 5G-Verbindung. Die tatsächliche Geschwindigkeit hängt vom Land, Anbieter und der Nutzungsumgebung ab.
22. Die tatsächlich verfügbare Speicherkapazität kann je nach vorinstallierter Software variieren.
23. Die Verfügbarkeit der Gallery-Synchronisierung über Microsoft OneDrive kann je nach Land oder Region variieren. Erfordert die Einrichtung der OneDrive-Synchronisierung auf deinem Samsung Galaxy-Gerät. Du kannst mit 5 GB kostenlosem Cloud-Speicher beginnen oder ein Abonnement abschliessen, um mehr Speicherplatz zu erhalten.
24. Eine sechsmonatige Testversion von OneDrive mit 100 GB Cloud-Speicher gibt es nur für Verbraucher, die ein Galaxy Z Fold4 und Galaxy Z Flip4 gekauft haben. Die Verfügbarkeit kann variieren. Es gelten die Allgemeinen Geschäftsbedingungen von Google Play. Siehe https://www.microsoft.com/onedrive-samsung-offer für weitere Informationen.

"); } else { $yvSlide.find("li:last > div").attr("role", "list").append('

' + yvThumbArray[i] + "

"); } } // var omniTxt = modelData + $yvSlidePagingOmni; // $yvSlide.find("li").each(function (i) { // var n = i * thumbLength; // var title = yvTitleArr.slice(n, n + thumbLength).toString(); // $('' + pageTitle + " " + (i + 1) + ":" + title + "").appendTo($yvSlidePaging); // }); // $yvSlide.find("li").each(function () { // if ($(this).find("> div .thumb").length < 2) { // $(this).find("> div").removeAttr("role"); // $(this).find("> div .thumb").removeAttr("role"); // } // }); // var meetSwipe = GALAXY.swipeAble; // if (($html.hasClass("ie") || $html.hasClass("edge")) && $html.hasClass("rtl")) { // meetSwipe = false; // } // $yvSlide.xlider({ // swipe: meetSwipe, // endless: true, // arrows: [$yvWrap.find(".m_btn_type1-prev"), $yvWrap.find(".m_btn_type1-next")], // paging: $yvSlidePaging, // onMove: function onMove() { // $yvSlideWrap.find("li").removeClass("view").removeAttr("aria-hidden tabindex"); // $yvSlideWrap.removeClass("ie-error"); // }, // onChange: function onChange() { // $yvSlideWrap.find("li").removeClass("view").removeAttr("aria-hidden tabindex"); // $yvSlideWrap.removeClass("ie-error"); // }, // onChangeEnd: function onChangeEnd(i) { // var select = $yvSlidePaging.data("btn-title"); // sliderOmni.remove(); // $yvSlideWrap.find(".xlider-current").removeClass("view").siblings().addClass("view").attr({ // "aria-hidden": "true", // tabindex: -1 // }); // $yvSlidePaging.find("a").eq(i).attr("title", select).siblings().attr("title", ""); // $yvSlideWrap.addClass("ie-error"); // } // }); // $yvWrap.off("mousedown.yv keydown.yv").on("mousedown.yv keydown.yv", ".slide-paging a, .arrow-wrap a", function (e) { // sliderOmni.add(e, this); // }); // $yvSlide.find("li").each(function () { // if ($(this).find(".thumb").length == 1) { // $(this).removeAttr("role").find(".thumb").removeAttr("role"); // } // }); // } else { // $yvWrap.addClass("no-slide"); // } // }; var omniTxt = modelData + $yvSlidePagingOmni; $yvSlide.find("li").each(function (i) { var n = i * thumbLength; var title = yvTitleArr.slice(n, n + thumbLength).toString(); $('' + pageTitle + " " + (i + 1) + ":" + title + "").appendTo($yvSlidePaging); }); $yvSlide.find("li").each(function () { if ($(this).find("> div .thumb").length < 2) { $(this).find("> div").removeAttr("role"); $(this).find("> div .thumb").removeAttr("role"); } }); var meetSwipe = GALAXY.swipeAble; if (($html.hasClass("ie") || $html.hasClass("edge")) && $html.hasClass("rtl")) { meetSwipe = false; } var isArrow = false; var $prev = $yvWrap.find(".m_btn_type1-prev"); var $next = $yvWrap.find(".m_btn_type1-next"); $next.on('click', function (e) { isArrow = true; }); $prev.on('click', function (e) { isArrow = true; }); $yvSlide.xlider({ swipe: meetSwipe, endless: false, arrows: [$yvWrap.find(".m_btn_type1-prev"), $yvWrap.find(".m_btn_type1-next")], paging: $yvSlidePaging, onMove: function onMove() { $yvSlideWrap.find("li").removeClass("view").removeAttr("aria-hidden tabindex"); $yvSlideWrap.removeClass("ie-error"); }, onChange: function onChange(idx, max) { if (idx == 0) { $next.removeClass('disabled'); $prev.addClass('disabled'); if (isArrow) { setTimeout(function () { $next.focus(); }, 300); } } else if (idx == max - 1) { $next.addClass('disabled'); $prev.removeClass('disabled'); if (isArrow) { setTimeout(function () { $prev.focus(); }, 300); } } else { $next.removeClass('disabled'); $prev.removeClass('disabled'); } $yvSlideWrap.find("li").removeClass("view").removeAttr("aria-hidden tabindex"); $yvSlideWrap.removeClass("ie-error"); }, onChangeEnd: function onChangeEnd(i) { var select = $yvSlidePaging.data("btn-title"); sliderOmni.remove(); $yvSlideWrap.find(".xlider-current").removeClass("view").siblings().addClass("view").attr({ "aria-hidden": "true", tabindex: -1 }); $yvSlidePaging.find("a").eq(i).attr("title", select).siblings().attr("title", ""); $yvSlideWrap.addClass("ie-error"); isArrow = false; } }); $yvWrap.off("mousedown.yv keydown.yv").on("mousedown.yv keydown.yv", ".slide-paging a, .arrow-wrap a", function (e) { sliderOmni.add(e, this); }); $yvSlide.find("li").each(function () { if ($(this).find(".thumb").length == 1) { $(this).removeAttr("role").find(".thumb").removeAttr("role"); } }); } else { $yvWrap.addClass("no-slide"); } }; var yvLoad = function yvLoad() { // if (!yvLoaded && window.pageYOffset > 10) { yvLoaded = true; GALAXY.sizeMode && $yvSlide.find("img").each(function (i, img) { this.src = GALAXY.getImageSources($(img))[GALAXY.sizeMode]; img.src = img.getAttribute("data-media-s4"); if (GALAXY.sizeMode >= 3) { img.src = img.getAttribute("data-media-s4"); } else if (GALAXY.sizeMode <= 2) { img.src = img.getAttribute("data-media-s2"); } }); // } }; var yvSlideDestroy = function yvSlideDestroy() { yvThumbArray = []; $yvSlidePaging.html(""); $yvSlide.removeAttr("style").xlider("remove"); $yvSlide.html(yvSlideHtml); $yvSlide.attr("role", "list"); $yvWrap.addClass("no-slide").addClass("set-youtube"); yvLoaded = false; setTimeout(function () { yvLoad(); }, 10); }; // quote slide var $quoteWrap = $('.quote-wrap'); var $quoteSlideWrap = $('.quote-slide'); var $quoteSlide = $quoteSlideWrap.find('.quote-list'); var $quoteSlidePaging = $quoteWrap.find('.slide-paging'); var $quoteSlidePagingOmni = $quoteSlidePaging.data('indicator-omni'); var quoteSlideHtml = $quoteSlide.html(); var quoteBoxArray = []; var quoteTitleArr = []; var quoteSlideInit = function () { if ($quoteWrap.hasClass('no-slide')) $quoteWrap.removeClass('no-slide'); var quateLength; if ($('html').hasClass('s34')) { quateLength = ($quoteSlide.find('.quote-item').length > 3) ? true : false; } else if ($('html').hasClass('s2')) { quateLength = ($quoteSlide.find('.quote-item').length > 2) ? true : false; } else { quateLength = ($quoteSlide.find('.quote-item').length > 2) ? true : false; } if (quateLength) { GALAXY.unResize(quoteListHeight); GALAXY.resize(quoteListHeight); $quoteSlide.find('.quote-item').each(function (i) { var thisHtml = $(this).html(); quoteBoxArray.push(thisHtml); quoteTitleArr.push($(this).find('strong').text()); }); var pageTitle = $quoteSlidePaging.data('page-title'); $quoteSlide.attr('role', 'list'); $quoteSlide.html(''); for (var i = 0; i < quoteBoxArray.length; i++) { if ($html.hasClass('s12')) { if (i % 2 == 0) $quoteSlide.append('

'); if (i % 2 != 0) $quoteSlide.find('li:last-child').append('

' + quoteBoxArray[i] + '

'); } else { if (i % 3 == 0) $quoteSlide.append('

'); if (i % 3 != 0) $quoteSlide.find('li:last-child').append('

' + quoteBoxArray[i] + '

'); } } var omniTxt = modelName + $quoteSlidePagingOmni; $quoteSlide.find('li').each(function (i) { var quateContLength = $(this).find('.quote-item').length var title = ($html.hasClass('s12')) ? quoteTitleArr.slice(i * 2, (i * 2) + quateContLength).toString() : quoteTitleArr.slice(i * 3, (i * 3) + quateContLength).toString(); $('

').appendTo($quoteSlidePaging); }); var meetSwipe = GALAXY.swipeAble; if ($html.hasClass('ie') && $html.hasClass('rtl')) { meetSwipe = false; } if ($html.hasClass('edge') && $html.hasClass('rtl')) { meetSwipe = false; } $quoteSlide.xlider({ swipe: meetSwipe, endless: true, arrows: [$quoteWrap.find('.m_btn_type1-prev'), $quoteWrap.find('.m_btn_type1-next')], paging: $quoteSlidePaging, onMove: function () { $quoteSlideWrap.find('li').removeClass('view').removeAttr('aria-hidden tabindex'); $quoteSlideWrap.removeClass('ie-error'); }, onChange: function () { $quoteSlideWrap.find('li').removeClass('view').removeAttr('aria-hidden tabindex'); $quoteSlideWrap.removeClass('ie-error'); }, onChangeEnd: function (i) { var select = $quoteSlidePaging.data('btn-title'); sliderOmni.remove(); $quoteSlideWrap.find('.xlider-current').removeClass('view').siblings().addClass('view').attr({ 'aria-hidden': 'true', 'tabindex': -1 }); $quoteSlidePaging.find('li').eq(i).find('a').attr('title', select).closest('li').siblings().find('a').attr('title', ''); $quoteSlideWrap.addClass('ie-error'); } }); $quoteWrap.off('mousedown.quot keydown.quot').on('mousedown.quot keydown.quot', '.slide-paging a', function (e) { sliderOmni.add(e, this); }); quoteListHeight(); } else { $quoteWrap.addClass('no-slide'); } } var quoteListHeight = function () { var max = 0; $quoteSlide.find('li').css({ height: '' }).each(function () { max = Math.max($(this).outerHeight(), max); }).css({ height: max }); } var quoteSlideDestroy = function () { quoteBoxArray = []; $quoteSlidePaging.html(''); $quoteSlide.removeAttr('style').xlider('remove'); $quoteSlide.html(quoteSlideHtml); $quoteSlide.attr('role', 'list'); $quoteWrap.addClass('no-slide'); $quoteWrap.addClass('set-quateSlide'); $quoteSlide.find('li').css({ height: '' }).attr('role', 'presentation'); setTimeout(function () { $quoteSlide.find('img').each(function () { $(this).attr('src', $(this).attr('data-media-s4')); }); }, 10); } var changeSizeMode = GALAXY.sizeMode; GALAXY.load(function () { yvSlideDestroy(); yvSlideInit(); quoteSlideDestroy(); quoteSlideInit(); }); GALAXY.resize(function () { var _sizeMode = GALAXY.sizeMode; if (_sizeMode != changeSizeMode) { changeSizeMode = _sizeMode; yvSlideDestroy(); yvSlideInit(); quoteSlideDestroy(); quoteSlideInit(); } }); GALAXY.scroll(function () {// yvLoad(); }); // youtube modals var $opener = null; $(".youtube-wrap").on("click", "a", function (e) { e.preventDefault(); $opener = $(this); GALAXY.vodPlayer.show(this.href, this, true); var $desc = $(this).parent().find(".youtube-desc").length ? $(this).parent().find(".youtube-desc").clone().removeAttr("aria-hidden") : null; var $ytModal = $(".m_layer-youtube.show"); if ($("html").hasClass("safari") && $("html").hasClass("mobile")) $("html").css("height", "100vh"); $ytModal.find("h3").empty().text(""); $ytModal.find("iframe").attr("title", $(this).find("img").attr("alt")); setTimeout(function () { $ytModal.find(".c_btn_close-type1").focus(); }, 1500); $ytModal.on("click", ".modals_close-area", function (e) { $ytModal.find(".c_btn_close_area button").trigger("click"); if ($("html").hasClass("safari") && $("html").hasClass("mobile")) $("html").css("height", ""); }); if ($desc != null) $ytModal.find(".m_video_view").append($desc); if (GALAXY.isGalaxy && $(this).parents(".youtube-slide").length) GALAXY.omniture($(this).attr("data-omni")); if ($("html").hasClass("dotcom")) { $('html').addClass('is-modal-opened'); } }); //wa $(document).on("click", ".m_layer-youtube .c_btn_close-type1", function (e) { if ($("html").hasClass("dotcom")) { $('html').removeClass('is-modal-opened'); $('#QSIFeedbackButton-btn').css('width', '37px'); } setTimeout(function () { $opener && $opener.blur(); }, 500); setTimeout(function () { $opener && $opener.focus(); $opener = null; }, 2000); }); // overview nav $(".overview-nav a").on("click", function (e) { var scrollTimeout = null; var $target = $($(this).attr("href")); var duration = 750; if ($target.length) { GALAXY.setSmoothScrollTop($target.offset().top, duration, function () { clearTimeout(scrollTimeout); scrollTimeout = setTimeout(function () { $target.find('button').eq(0).focus(); }, 300); }); } e.preventDefault(); }) $(".f_cate-overview-wrap a").on("click", function (e) { var scrollTimeout = null; var $target = $($(this).attr("href")); var duration = 750; var onBlur = function onBlur() { $(this).removeAttr("tabindex"); }; if ($target.length) { var targetOffsetTop = $target.offset().top; if (parseInt(getComputedStyle($target[0]).paddingTop) < $("#subnav").height()) { targetOffsetTop -= $("#subnav").height() + 10; } if (parseInt(getComputedStyle($target[0]).paddingTop) < $(".pd-g-floating-nav").height()) { targetOffsetTop -= $(".pd-g-floating-nav").height() + 10; } GALAXY.setSmoothScrollTop(targetOffsetTop, duration, function () { clearTimeout(scrollTimeout); scrollTimeout = setTimeout(function () { var focusBtn = $target.closest("[class*=f_header-], [class*=m_feature]").find(".c_cate-title1 button"); var focusH3 = $target.closest("[class*=f_header-], [class*=m_feature]").find(".c_cate-title2"); var focusH2 = $target.closest("[class*=f_header-], [class*=m_feature]").find(".c_cate-title1"); var focusable = $.merge($.merge(focusBtn, focusH3), focusH2); var $first = $(focusable[0]); $first.attr("tabindex", "0"); $first.focus().one("blur", onBlur); }, 300); }); } e.preventDefault(); }); }(); var faveColorChip = function faveColorChip($colors, $images, onchange, oninit) { var $inputs = $colors.find("input:radio"); var colorTimeout; var _init = function _init() { if ($colors.find("input:checked").length == 0) { $inputs.each(function (i) { if (i == 0) { this.checked = true; } }); } _setImage(); if (oninit) { oninit(); } $inputs.on("change focus", function () { var $this = $(this); clearTimeout(colorTimeout); colorTimeout = setTimeout(function () { _setImage(); if (onchange) { onchange.call($this); } }, 0); }); }; var _setImage = function _setImage() { var currentColor = $inputs.filter(":checked").val(); $images.each(function () { $(this).removeClass("active").attr('aria-hidden', true); if ($(this).data("color-name") === currentColor) { $(this).addClass("active").removeAttr('aria-hidden'); ; } }); }; GALAXY.load(function () { _init(); }); }; var Modals = function () { var $window = $(window); var $document = $(document); var $modals = $('

'); var $baseContentsArea = $("#wrap"), $baseContentsClickable; var $ctrl = null; var $modalContent, saveScrollTop, isKeyDown = false; var isModalShow = false; var showroomUid = null; var showroomDataInit = false; var isHashCheck = false; var focusSetTime1; var focusSetTime2; var isShow = false; var showroom; var showroomColor = ""; var init = function init() { $("body").append($modals); setHashCheck(); $document.on("click.openModal", ".o_modal_controller", openModel); $document.on("click.openShowroom", ".showroom-btn", openShowroom); return this; }; var openModel = function openModel() { if (!isShow) { $modals.removeClass("modal-showroom"); isShow = true; $ctrl = this; var target = this.dataset.target || this.getAttribute("href"); show(target); } return false; }; var openShowroom = function openShowroom() { if (!isShow) { isShow = true; $ctrl = this; var uid = this.dataset.target || this.getAttribute("href"); var $target = $(".showroom_modal").clone(); showroomColor = ""; if (this.dataset.target == "see-in-360") { showroomColor = $(this).closest("article").find("input:radio:checked").attr("value") || "burgundy"; } showroomUid = uid; if (showroomDataInit === false) { callShowroomPage(); } else { $target.find(".modal-contents.showroom-con").html($("#showroom-" + uid).html()); $target.find(".modal-contents.showroom-con article").removeAttr("id"); } show($target); } return false; }; var callShowroomPage = function callShowroomPage() { $.ajax({ url: "./showroom/", dataType: "text" }).done(setupShowroom).fail(function () { window.location.href = "./showroom/#" + showroomUid; }); }; var setupShowroom = function setupShowroom(datas) { // Add Css var css = datas.split("/*!--GALAXY-SHOWROOM-CSS--*/")[1]; css = css.split("/*!--//GALAXY-SHOWROOM-CSS--*/")[0]; css = css.replace(/\.\/images\//g, "//images.samsung.com/at/smartphones/galaxy-z-flip4/showroom/images/"); css = css.replace(/\.\.\/common\/images\//g, "/samsung/resources/global/galaxy-z-flip4/common/images/"); $("

", { attr: { type: "text/css" }, html: css, appendTo: "head" }); // Add Script var js = datas.split("/*!--GALAXY-SHOWROOM-JS--*/")[1]; js = js.split("/*!--//GALAXY-SHOWROOM-JS--*/")[0]; var newscript = document.createElement("script"); var insertScript = document.createTextNode(js); newscript.appendChild(insertScript); document.body.appendChild(newscript); // Add HTML Data var store = datas.split("

")[1]; store = store.split("

")[0]; $("

", { attr: { tabindex: -1, "aria-hidden": true, class: "overview-container" }, css: { display: "none" }, appendTo: "body", html: contReplace(store) }); // Add Html var contents = datas.split("

")[1]; contents = contents.split("

")[0]; function contReplace(str) { var s = str || ""; s = s.replace(/\.\//g, "./showroom/"); s = s.replace(/\.\.\/common\/images\//g, "/samsung/resources/global/galaxy-z-flip4/common/images/"); s = s.replace(/\.\.\/showroom\/common\//g, "/samsung/resources/global/galaxy-z-flip4/common/"); s = s.replace(/:showroom:/g, ":highlights:popup^"); return s; } var $contents = $("

", { html: contReplace(contents) }); var $articles = $contents.find("article"); var s = []; for (var i = 0, l = $articles.length, article; i < l; i++) { article = $articles[i]; s.push('

"); } $("body").append(s.join("\n ")); showroom = new Showroom({ device: document.getElementById("contents").dataset.model, options: { tracker: false, progress: false, navigator: false, isShowroom: false } }); showroom.init(); $('.modal[role="dialog"]').find(".modal-contents.showroom-con").html($("#showroom-" + showroomUid).html()); $('.modal[role="dialog"]').find(".modal-contents.showroom-con article").removeAttr("id"); if ($modals.hasClass("show-end")) { var $loadingBar = $modals.find(".load-bar"); $loadingBar.get(0) && $loadingBar.remove(); showroom.renderFeature(showroomUid, showroomColor); } showroomDataInit = true; }; var btnShowSet; var btnShowSet2; var ieCloseBtnShow = function ieCloseBtnShow() { clearTimeout(btnShowSet); clearTimeout(btnShowSet2); if ($("html").hasClass("ie")) { if (!$(".modal_close").hasClass("close-show")) { $(".modal_close").addClass("close-show"); $(".modal_close a").focus(); } else { $(".modal_close").addClass("close-show-end"); $(".modal_close a").focus(); } } }; var setHashCheck = function setHashCheck() { var hash = location.href.split("#")[1]; if (!hash) { return; } var checkHash = function checkHash() { var target = this.dataset.target || this.getAttribute("href"); var $this = $(this); if (hash == this.dataset.hash) { isShow = true; if ($(this).hasClass("showroom-btn")) { showroomColor = ""; if (this.dataset.target == "see-in-360") { showroomColor = $(this).closest("article").find("input:radio:checked").attr("value") || "burgundy"; } showroomUid = target; callShowroomPage(); show($(".showroom_modal").clone()); } else { show(target); } if (!$this.data("hash-scroll-target")) { isHashCheck = $this.closest("section").offset().top; setTimeout(function () { GALAXY.setScrollTop($this.closest("section").offset().top); }, 100); } else { setTimeout(function () { var $scrollTarget = $("#" + $this.data("hash-scroll-target")); isHashCheck = $scrollTarget.get(0) ? $scrollTarget.offset().top : 0; $scrollTarget.get(0) && GALAXY.setScrollTop($scrollTarget.offset().top); }, 100); } } }; $(".o_modal_controller").each(checkHash); $(".showroom-btn").each(checkHash); }; var show = function show(target) { $("#wrap").css("opacity", 0.99); var $target = $(target); var $loadingBar = $target.find(".load-bar"); $loadingBar.get(0) && $loadingBar.find("span").text($loadingBar.data("load-txt")); // if ( !$target.length ) return false; isKeyDown = false; isModalShow = true; $modals.html($target.html()); $modalContent = $modals.find(".modal_contents-area"); !showroomUid && $modalContent.find("a, button").off(GALAXY.tracking).on("click", GALAXY.tracking); $modals.find(".modal_close > a, .modal_close > button, .modal_close-area").one("click.modalHide", hide).on("keydown.modalHide", hideKeyDown); if (!GALAXY.sizeMode) { var width = window.innerWidth; //document.documentElement.offsetWidth; GALAXY.sizeMode = width > 1440 ? 4 : width > 1023 ? 3 : width > 767 ? 2 : 1; } imageLoadCheck(); Accessibillity.on(); setTimeout(function () { $modalContent.addClass("modal_open"); shown(); }, 0); $modals.addClass("show"); saveScrollTop = GALAXY.scrollTop; GALAXY.noScroll.on(); $("#wrap").css({ position: "fixed", width: "100%", paddingRight: GALAXY.scrollBarWidth, left: 0, right: 0, top: -saveScrollTop, "z-index": -1 }); $(".overview-bg").css({ opacity: 0 }); if (!GALAXY.isGalaxy) $(".floating-navigation__wrap").css({ paddingRight: GALAXY.scrollBarWidth }); $(".footer").css({ "padding-top": saveScrollTop }); clearTimeout(focusSetTime2); focusSetTime2 = setTimeout(function () { $modals.find(".modal_close a").focus(); }, 1000); }; $modals.off("blur.modalClose").on("blur.modalClose", ".modal_close a", function () { $(this).removeClass("focus-visible"); }); var shown = function shown() { $modals.addClass("show-end"); $("body").off("keydown.closeModals").on("keydown.closeModals", function (e) { if ($modals.hasClass("show-end") && (e.key == "Escape" || e.keyCode == 27)) { isKeyDown = true; hide(); } }); if (showroomUid && showroomDataInit) { var $loadingBar = $modals.find(".load-bar"); $loadingBar.get(0) && $loadingBar.remove(); showroom.renderFeature(showroomUid, showroomColor); } }; var hide = function hide() { $("#wrap").css("opacity", ""); $modals.removeClass("show"); $window.off("resize.modals"); Accessibillity.off(); if ($("html").hasClass("ie")) $(".modal_close").removeClass("close-show close-show-end"); if (isHashCheck !== false) { GALAXY.setScrollTop(isHashCheck); } isHashCheck = false; // showroomUid && showroom.destroyFeature(); showroomUid = null; clearTimeout(focusSetTime1); $(".footer").css({ "padding-top": "" }); GALAXY.noScroll.off(); $("#wrap").css({ position: "", width: "", left: "", paddingRight: "", right: "", top: "", "z-index": "" }); $(".overview-bg").css({ opacity: "" }); if (!GALAXY.isGalaxy) $(".floating-navigation__wrap").css({ paddingRight: "" }); saveScrollTop && GALAXY.setScrollTop(saveScrollTop); saveScrollTop = 0; focusSetTime1 = setTimeout(function () { $ctrl && $ctrl.focus(); $ctrl = null; }, 500); isShow = false; if (typeof window.modalCloseCallback == "function") { window.modalCloseCallback(); } $modalContent = null; $modals.removeClass("show-end"); $("body").off("keydown.closeModals"); $modals.empty().addClass("modal-showroom"); isKeyDown = false; isModalShow = false; return false; }; var hideKeyDown = function hideKeyDown(e) { if (e.keyCode == 13 || e.keyCode == 32) { isKeyDown = true; } }; var Accessibillity = { on: function on() { $baseContentsArea.attr({ "aria-hidden": "true", tabindex: -1 }); $baseContentsClickable = $baseContentsArea.find("a,input,select,textarea,button,video,iframe, svg"); $baseContentsClickable.each(function () { var tabindex = $(this).attr("tabindex"); if (tabindex !== undefined && tabindex !== null) { $(this).data("prev-tabindex", tabindex); $(this).attr("aria-hidden", "true"); } $(this).attr("tabindex", "-1"); $(this).attr("aria-hidden", "true"); }); if ($("html").hasClass("dotcom")) { $('html').addClass('is-modal-opened'); } }, off: function off() { $baseContentsArea.removeAttr("aria-hidden tabindex"); $baseContentsClickable.each(function () { var tabindex = $(this).data("prev-tabindex"); if (tabindex !== undefined && tabindex !== null) { $(this).attr("tabindex", tabindex); $(this).removeAttr("aria-hidden"); } else { $(this).removeAttr("tabindex"); $(this).removeAttr("aria-hidden"); } }); if ($("html").hasClass("dotcom")) { $('html').removeClass('is-modal-opened'); $('#QSIFeedbackButton-btn').css('width', '37px'); } } }; var imageLoadCheck = function imageLoadCheck() { var $images = $modals.find("img"), lens = $images.length, count = 0; var loadCheck = function loadCheck() { if (++count >= lens) { showImageLoadEnd(); } }; $images.each(function (i, image) { var $image = $(image); GALAXY.loadImage($image, loadCheck); this.src = GALAXY.getImageSources($image)[GALAXY.sizeMode]; }); if (!lens) { showImageLoadEnd(); } }; var showImageLoadEnd = function showImageLoadEnd() { }; var changeSizeMode = function changeSizeMode() { isModalShow && imageLoadCheck(); }; return { init: init, show: show, hide: hide, showEnd: showImageLoadEnd }; }(); GALAXY.load(function () { Modals.init(); }); var excellenceMotion = function excellenceMotion() { var excellence = document.querySelector(".m_content-excellence"); var excellenceList = document.querySelector(".excellence-list"); var excellenceListUl = excellenceList.querySelector("ul"); var excellenceMobileMove = excellenceList.querySelector(".mobile-move"); var excellenceTitle = excellence.querySelector(".f_header-type1"); var eCard = excellenceList.querySelectorAll(".e-card"); var _this; var totalW = 0; var excellenceSticky; var cloneList; var arrowClick = false; var blankDiv; var $subNavElem = $('#subnav'); var $dotNav = $('.floating-navigation'); var $stickyInner = $('.m_content-excellence .sticky-inner'); var $sitckyHeader = $('.m_content-excellence .sticky-inner>.f_header-type1'); var $eCard = $('.e-card'); var $subNavHt; var $stickyInnerHt; var $stickyTop; var $totalHt; var $eCardHt; var init = function init() { _this = this; _this.resize(); stickyMotion(); slideMotion(); }; // excellence sticky var stickyMotion = function stickyMotion() { var titleL = 0; var totalH = 0; var titleW = 0; var progress = 0; var _init = function _init() { cloneList = excellenceListUl.cloneNode(true); cloneList.setAttribute("aria-hidden", "true"); cloneList.classList.add("clone-list"); excellenceList.appendChild(cloneList); blankDiv = document.createElement("div"); blankDiv.classList.add("blank-div"); excellenceList.appendChild(blankDiv); _resize(); if (document.documentElement.classList.contains("ie11")) { excellence.querySelector(".sticky-inner").style.marginTop = -totalH / 2 + "px"; } }; var _option = { align: "center", scroll: function scroll(percent) { _scroll(percent); }, resize: function resize() { _this.resize(); _resize(); _scroll(progress); } }; var _scroll = function _scroll(scroll) { var p = stickyPercent(scroll, 0, 0.9); var distance; if (!document.documentElement.classList.contains("rtl")) { distance = titleL - (totalW - titleW) * p; } else { distance = -titleL + (totalW - titleW) * p; } if (!document.documentElement.classList.contains("s1")) _this.move(distance); }; var _jump = function _jump(idx) { var percent = idx / eCard.length; var fakeDiv = (excellence.clientHeight - window.innerHeight) * percent; setTimeout(function () { window.scrollTo(0, excellence.offsetTop + fakeDiv); }, 300); }; var _keyup = function _keyup(el, idx) { if (!document.documentElement.classList.contains("s1")) { excellence.querySelector(".sticky-inner").scrollLeft = 0; _jump(idx); } }; var _resize = function _resize() { titleL = excellenceTitle.offsetLeft; titleW = excellenceTitle.clientWidth; totalH = excellenceTitle.clientHeight; if (!document.documentElement.classList.contains("dotcom")) { $subNavHt = $subNavElem.height(); } else { $subNavHt = $dotNav.height(); } $stickyInnerHt = $stickyInner.height(); $totalHt = $stickyInnerHt + 50; $stickyTop = $subNavHt; $eCardHt = $eCard.height(); if (innerHeight - $subNavHt > $totalHt) { $stickyInner.css('top', $stickyTop + 50 + 'px'); } else { $stickyInner.css('top', -totalH + $subNavHt + (innerHeight - $subNavHt - $eCardHt) / 2 + 'px'); } }; _init(); var selectPostion = function selectPostion() { if (innerHeight - $subNavHt > $totalHt) { Object.assign(_option, { align: 'top' }); } else { Object.assign(_option, { align: 'center' }); } excellenceSticky = new scrollSticky(excellence, _option); }; // excellenceSticky = new scrollSticky(excellence, _option); var positionCheck = function positionCheck() { isSticky = $('.m_content-excellence').find('.sticky-inner').css('position'); if (isSticky == 'static') { $('.m_content-excellence').addClass('_static'); } }; var fucusMove = function fucusMove() { var $excellence = $('.m_content-excellence'), $stickyInner = $excellence.find('.sticky-inner'), $listWrap = $excellence.find('.mobile-move'), $cardElem = $listWrap.find('.e-card'); var $innerTop, $calcValue, $offsetTop, $currentIndex = 0, $result; var focusMove = { focus: function focus() { if ($(this).index() >= $cardElem.length - 2) { $currentIndex = $cardElem.length - 1; } else { $currentIndex = $(this).index(); } $cardWidth = parseInt(($excellence.height() + $innerTop) * 0.9 / ($cardElem.length + 2)); $calcValue = $cardWidth * $currentIndex; $offsetTop = $excellence.offset().top - $innerTop; $result = $offsetTop + $calcValue; window.scrollTo(0, $result); } }; var defaultSet = function defaultSet() { $innerTop = $stickyInner.css('top').split('px')[0] * 1; }; var bindEvent = function bindEvent() { $cardElem.on('keyup.focusMove', focusMove.focus); }; var init = function init() { defaultSet(); bindEvent(); }; init(); }; GALAXY.load(function () { selectPostion(); positionCheck(); fucusMove(); }); }; // excellence slide var slideMotion = function slideMotion() { var arrowWrap = excellenceList.querySelector(".excellence-arrow-wrap"); var startP = window.innerWidth / 2 - eCard[0].clientWidth / 2; var endP = window.innerWidth / 2 - eCard[0].clientWidth / 2; var downStart = false; var totalIdx = 0; var slideMove = false; var _init = function _init() { _resize(); // _this.move(startP); var startEvent = ["mousedown", "touchstart"]; var moveEvent = ["mousemove", "touchmove"]; var endEvent = ["mouseup", "touchend"]; startEvent.forEach(function (__this) { excellenceListUl.addEventListener(__this, function (e) { _touch.start(e); }); }); moveEvent.forEach(function (__this) { document.addEventListener(__this, function (e) { _touch.move(e); }, { passive: false }); }); endEvent.forEach(function (__this) { document.addEventListener(__this, function (e) { _touch.end(e); }); }); arrowWrap.querySelector(".prev").addEventListener("click", function (e) { _prev(); }); arrowWrap.querySelector(".next").addEventListener("click", function (e) { _next(); }); window.addEventListener("resize", function (e) { _resize(); }); }; var _touch = { prevX: 0, prevY: 0, currentX: 0, moveX: startP, dragX: 0, endIdx: 0, start: function start(e) { if (!slideMove) { downStart = true; this.prevX = e.type != "touchstart" ? e.pageX : e.changedTouches[0].clientX; this.prevY = e.type != "touchstart" ? e.pageY : e.changedTouches[0].clientY; } }, move: function move(e) { if (downStart && !slideMove && document.documentElement.classList.contains("s1")) { this.currentX = e.type != "touchmove" ? e.pageX : e.changedTouches[0].clientX; this.currentY = e.type != "touchmove" ? e.pageY : e.changedTouches[0].clientY; if (!document.documentElement.classList.contains("rtl")) { this.dragX = Math.min(startP, this.moveX + (this.currentX - this.prevX)); this.dragX = Math.max(-totalW + window.innerWidth - endP, this.dragX); if (this.prevX - this.currentX > 0) { this.endIdx = Math.floor((eCard[0].clientWidth - this.dragX) / eCard[0].clientWidth); } else { this.endIdx = Math.floor((window.innerWidth / 4 - this.dragX) / eCard[0].clientWidth); } } else { this.dragX = Math.max(-startP, this.moveX + (this.currentX - this.prevX)); this.dragX = Math.min(totalW - window.innerWidth + endP, this.dragX); if (this.prevX - this.currentX < 0) { this.endIdx = Math.floor((eCard[0].clientWidth + this.dragX) / eCard[0].clientWidth); } else { this.endIdx = Math.floor((window.innerWidth / 4 + this.dragX) / eCard[0].clientWidth); } } if (this.currentX > this.currentY && Math.abs(this.prevY - this.currentY) <= 80) { e.preventDefault(); } e.preventDefault(); _this.move(this.dragX); } }, end: function end() { downStart = false; if (Math.abs(this.currentX) > 0) _jump(this.endIdx); this.prevX = 0; this.currentX = 0; } }; var cardAriaHidden = function cardAriaHidden(idx) { eCard.forEach(function (i, index) { if (idx !== index) { i.setAttribute("aria-hidden", true); i.setAttribute("tabindex", -1); i.querySelectorAll("a").forEach(function (j) { j.setAttribute("aria-hidden", true); j.setAttribute("tabindex", -1); }); } else { i.removeAttribute("aria-hidden"); i.removeAttribute("tabindex"); i.querySelectorAll("a").forEach(function (j) { j.removeAttribute("aria-hidden"); j.removeAttribute("tabindex"); }); } if (!document.documentElement.classList.contains("s1")) { i.removeAttribute("aria-hidden"); i.removeAttribute("tabindex"); i.querySelectorAll("a").forEach(function (j) { j.removeAttribute("aria-hidden"); j.removeAttribute("tabindex"); }); } }); }; var _jump = function _jump(idx) { if (!slideMove) { slideMove = true; var cardStart = eCard[idx].clientWidth * idx; var cardMargin; if (!document.documentElement.classList.contains("rtl")) { cardMargin = parseInt(window.getComputedStyle(eCard[eCard.length - 1]).getPropertyValue("margin-left"), 10) * idx; } else { cardMargin = parseInt(window.getComputedStyle(eCard[eCard.length - 1]).getPropertyValue("margin-right"), 10) * idx; } var cardCenter = window.innerWidth / 2 - eCard[idx].clientWidth / 2; var cardMove; var marginLeft = parseInt((innerWidth - $('.m_content-excellence .sticky-inner > .f_header-type1').width()) / 2); var cardPadding = $('.e-card').first().css('padding-left').split('px')[0]; if (!document.documentElement.classList.contains("rtl")) { if (!document.documentElement.classList.contains("s1")) { cardMove = -cardStart - cardMargin + cardCenter; } else { if (idx == '0') { cardMove = parseInt(marginLeft - cardPadding); } else { cardMove = -cardStart - cardMargin + cardCenter; } } } else { if (!document.documentElement.classList.contains("s1")) { cardMove = cardStart + cardMargin - cardCenter; } else { if (idx == '0') { cardMove = -parseInt(marginLeft - cardPadding); } else { cardMove = cardStart + cardMargin - cardCenter; } } } if (idx === 0) { arrowWrap.querySelector(".prev").setAttribute('aria-hidden', 'true'); arrowWrap.querySelector(".prev").setAttribute('tabIndex', '-1'); arrowWrap.querySelector(".prev").classList.add('hide'); if (arrowClick) { setTimeout(function () { arrowWrap.querySelector(".next").focus(); }, 300); } } else { arrowWrap.querySelector(".prev").setAttribute('aria-hidden', 'false'); arrowWrap.querySelector(".prev").removeAttribute('tabIndex'); arrowWrap.querySelector(".prev").classList.remove('hide'); } if (idx >= eCard.length - 1) { arrowWrap.querySelector(".next").setAttribute('aria-hidden', 'true'); arrowWrap.querySelector(".next").setAttribute('tabIndex', '-1'); arrowWrap.querySelector(".next").classList.add('hide'); if (arrowClick) { setTimeout(function () { arrowWrap.querySelector(".prev").focus(); }, 300); } } else { arrowWrap.querySelector(".next").setAttribute('aria-hidden', 'false'); arrowWrap.querySelector(".next").removeAttribute('tabIndex'); arrowWrap.querySelector(".next").classList.remove('hide'); } var moveElement = !document.documentElement.classList.contains("s1") ? excellenceListUl : excellenceMobileMove; TweenMax.fromTo(moveElement, 0.5, { x: _touch.dragX }, { x: cardMove, ease: Quint.easeOut, onComplete: function onComplete() { _touch.moveX = cardMove; _touch.dragX = cardMove; totalIdx = idx; slideMove = false; arrowClick = false; cardAriaHidden(idx); } }); } }; var _prev = function _prev() { arrowClick = true; totalIdx = Math.max(0, totalIdx - 1); _jump(totalIdx); }; var _next = function _next() { arrowClick = true; totalIdx = Math.min(eCard.length - 1, totalIdx + 1); _jump(totalIdx); }; var fakeDiv = document.createElement("div"); var _resize = function _resize() { startP = window.innerWidth / 2 - eCard[0].clientWidth / 2; endP = window.innerWidth / 2 - eCard[0].clientWidth / 2; if (document.documentElement.classList.contains("s1")) _jump(totalIdx); blankDiv.style.height = "var(--snbh)"; var _snbh = blankDiv.clientHeight; if (window.innerHeight - cloneList.clientHeight - _snbh < 0) { // static excellence.classList.add("static"); } else { // sticky excellence.classList.remove("static"); } }; GALAXY.load(function () { _init(); }); }; var move = function move(_move) { var moveElement = !document.documentElement.classList.contains("s1") ? excellenceListUl : excellenceMobileMove; moveElement.style.transform = "translate3d(" + _move + "px,0px,0px) rotate(0.001deg)"; }; var resize = function resize() { totalW = 0; eCard.forEach(function (_this) { var _marginLeft; if (!document.documentElement.classList.contains("rtl")) { _marginLeft = parseInt(window.getComputedStyle(_this).getPropertyValue("margin-left"), 10); } else { _marginLeft = parseInt(window.getComputedStyle(_this).getPropertyValue("margin-left"), 10); } totalW += _this.clientWidth + _marginLeft; }); excellenceListUl.style.width = totalW + "px"; }; return { init: init, move: move, resize: resize }; }; excellenceMotion() && excellenceMotion().init(); var ecosystem = function ecosystem() { var $popupElem = $('.eco-popup'); var $openBtn = $('.btn-open'); var $closeBtn = $('.btn-close'); var $index = 0; var ecosystemElem = document.querySelector('.m_content-ecosystem'); var ecosystemBg = document.querySelector('.gradient-wrap'); var scrollValue = 0; var currentScroll = 0; var ratio = 0; var settingValue = 20; var heightRatio = 0.3; ecosystemBg.style.transform = 'translate3d(-50%,' + settingValue + '%,0)'; var ecoPopup = { open: function open(index) { ecoPopup.allClosed(); $popupElem.eq(index).stop().fadeIn(200); $popupElem.eq(index).find('.btn-close').focus(); }, closed: function closed(index) { $popupElem.eq(index).stop().fadeOut(200); $popupElem.eq(index).prev('.eco-item').find('.btn-open').focus(); }, focus: function focus() { $popupElem.stop().fadeOut(200); $openBtn.removeClass('open'); }, allClosed: function allClosed() { $popupElem.stop().fadeOut(200); }, exClosed: function exClosed(e) { if ($popupElem.has(e.target).length === 0 && $(e.target)[0].classList[0] != 'btn-open') { ecoPopup.allClosed(); $openBtn.removeClass('open'); } }, router: function router() { switch ($(this)[0].classList[0]) { case 'btn-open': $index = $openBtn.index(this); if ($(this).attr('class').split(" ").indexOf('open') != -1) { $(this).removeClass('open'); ecoPopup.closed($index); } else { $openBtn.removeClass('open'); $(this).addClass('open'); ecoPopup.open($index); checkViewPopup(ecosystemElem); } break; case 'btn-close': $index = $closeBtn.index(this); $openBtn.eq($index).removeClass('open'); ecoPopup.closed($index); break; } }, parallax: function parallax() { scrollValue = pageYOffset; currentScroll = Math.max(0, pageYOffset - (ecosystemElem.offsetTop - ecosystemElem.offsetHeight * heightRatio)); ratio = currentScroll / ecosystemElem.offsetHeight; trasformValue = settingValue - settingValue * ratio; if (scrollValue > ecosystemElem.offsetTop - ecosystemElem.offsetHeight * heightRatio && scrollValue < ecosystemElem.offsetTop - ecosystemElem.offsetHeight * heightRatio + ecosystemElem.offsetHeight) { ecosystemBg.style.transform = 'translate3d(-50%,' + trasformValue + '%,0)'; } else if (scrollValue < ecosystemElem.offsetTop - ecosystemElem.offsetHeight * heightRatio) { ecosystemBg.style.transform = 'translate3d(-50%,' + settingValue + '%,0)'; } else if (scrollValue > ecosystemElem.offsetTop - ecosystemElem.offsetHeight * heightRatio + ecosystemElem.offsetHeight) { ecosystemBg.style.transform = 'translate3d(-50%,0%,0)'; } } }; var addEvent = function addEvent() { $openBtn.on({ 'click.eco': ecoPopup.router, 'focus.eco': ecoPopup.focus }); $closeBtn.on('click.eco', ecoPopup.router); $(document).on({ 'click.eco': ecoPopup.exClosed, 'scroll.ecosystem': ecoPopup.parallax }); }; var checkViewPopup = function checkViewPopup(target) { var callback = function callback(entries, observer) { entries.forEach(function (entry) { if (!entry.isIntersecting) { $popupElem.stop().fadeOut(200); $openBtn.removeClass('open'); } }); }; var io = new IntersectionObserver(callback); io.observe(target); }; var init = function init() { addEvent(); }; init(); }; GALAXY.load(function () { ecosystem(); }); var faqList = function () { var $section = $(".m_faq-banner"), $item_q, $item_a, $item_btns, $item_cont_btns; var omni = { open: ":expand:", close: ":collapse:" }; var asset = function asset() { $item_q = $section.find(".faq_item_q"); $item_a = $section.find(".faq_item_a"); $item_btns = $item_q.find("button"), $item_cont_btns = $item_a.find("a.o_btn-type1"); }; var bindEvent = function bindEvent() { $item_btns.off("click").on("click", showContent); $item_cont_btns.off("click.focusMove").on("click.focusMove", moveSection); }; var init = function init() { if (!$section.length) { return false; } asset(); bindEvent(); return this; }; var moveSection = function moveSection() { var targetId = $(this).attr("href"); var $target = $(targetId); var $title = 'H2|H3'.indexOf($target[0].tagName) > -1 ? $target : $target.find('h2,h3'); setTimeout(function () { if ($title.find('button').length) { $title.find('button').focus(); } else { $title.attr({ tabindex: 0 }).css({ outline: 0 }).focus().one('blur', function () { $(this).removeAttr('tabindex').css('outline', ''); }); } GALAXY.setScrollTop($target.offset().top); }, 100); return false; }; var showContent = function showContent() { var $item_btn = $(this); var curIndex = $item_btns.index(this); var $item = $item_btn.closest(".faq_item"); var omniture = this.dataset.omni; if (!$item.hasClass("is-open")) { $item.addClass("is-open"); $item_btn.attr({ "aria-expanded": "true", "ga-la": omniture.replace(omni.open, omni.close), "data-omni": omniture.replace(omni.open, omni.close) }); $item_a.eq(curIndex).stop().slideDown(300); } else { $item.removeClass("is-open"); $item_btn.attr({ "aria-expanded": "false", "ga-la": omniture.replace(omni.close, omni.open), "data-omni": omniture.replace(omni.close, omni.open) }); $item_a.eq(curIndex).stop().slideUp(250); } GALAXY.omniture(omniture); return false; }; init(); }(); // overview GALAXY.load(function () { new overview(".m_content-overview", { horizontal: false }); }); // durability var durabilityImage = $('.m_feature-durability .img-cont'); GALAXY.hello(durabilityImage, { on: function on() { durabilityImage.addClass('on'); }, off: function off() { durabilityImage.removeClass('on'); } }); // exterior var $exteriorDevice = $('.exterior-device'); GALAXY.hello($('.m_feature-exterior .exterior-device'), { baseLine: 2, on: function on() { $exteriorDevice.removeClass('step1 step2 step3'); $exteriorDevice.addClass('step1'); setTimeout(function () { $exteriorDevice.addClass('step2'); setTimeout(function () { $exteriorDevice.addClass('step3'); }, 460); }, 750); }, off: function off() { $exteriorDevice.removeClass('step1 step2 step3'); } }); // video call var enterSticky = function enterSticky() { var $etSec = $('.m_feature-entertainment'); var navH; var ieChk = $('html').hasClass('ie'); var typeChk = $etSec.find('.videocall-wrap').length; if (ieChk || !typeChk) { $etSec.attr('data-sticky-mode', false).removeAttr('style'); } GALAXY.resize(function () { if ($etSec.attr('data-sticky-mode', false)) $etSec.removeAttr('style'); }); if (!typeChk) $etSec.find('.enter-wrap .f_container').hide(); if (!ieChk && typeChk) { var $etStickyWrap = $etSec.find('.sticky-wrap'); var $etStickyInner = $etSec.find('.sticky-inner'); var $enterWrap = $etStickyInner.find('.enter-wrap'); var $videoCallWrap = $etStickyInner.find('.videocall-wrap'); var $videoCallHeader = $videoCallWrap.find('.f_header-type1'); var $chat1 = $enterWrap.find('.chat01'); var $chat2 = $enterWrap.find('.chat02'); var $chat3 = $enterWrap.find('.chat03'); var $chat4 = $enterWrap.find('.chat04'); var $heading = $enterWrap.find('.f_header-type1'); var $enterCont = $enterWrap.find('.f_container'); var $videoDevice = $enterWrap.find('.video-device'); var $deviceBg = $enterWrap.find('.device-bg'); var winH; var step1DeviceWidth; var step2DeviceWidth; var mb; var deviceW = GALAXY.sizeMode > 1 ? 550 : 376; var contPosTop = GALAXY.sizeMode > 2 ? 574 : 393; var videoImgHeight = Math.round(deviceW * (1791 / 1647)); var videoWrapHeight = Math.max($('.videocall-wrap').height(), videoImgHeight); var loadMb = Math.abs(GALAXY.areaHeight - (videoWrapHeight + (GALAXY.areaHeight / 2 - contPosTop / 2))); var viedoCallTop = $etSec.offset().top + $etSec.height() - GALAXY.navHeight - GALAXY.areaHeight / 2 - loadMb; if (GALAXY.sizeMode > 1) $etSec.css('margin-bottom', -loadMb); var _destroy = function _destroy() { $etStickyWrap.removeAttr('style'); $videoCallHeader.removeAttr('style'); $chat1.removeAttr('style'); $chat2.removeAttr('style'); $chat3.removeAttr('style'); $chat4.removeAttr('style'); $heading.removeAttr('style'); $enterWrap.removeClass('switch'); $enterCont.removeAttr('style'); $videoDevice.removeAttr('style'); $deviceBg.removeAttr('style'); $videoCallWrap.removeAttr('style'); }; var _option = { align: "top", minH: [800, 700, 550], on: function on() { $videoDevice.css('opacity', 1); $videoCallWrap.find('.f_header-type1').on('keyup', 'a, button', function (e) { var _this = $(e.target); if (e.keyCode == 9 && _this.closest('[data-sticky-mode="true"]').length) { GALAXY.setSmoothScrollTop(viedoCallTop, 100); } }); var vc_hash = location.hash.split('#')[1]; if (vc_hash && vc_hash == 'video-call') { setTimeout(function () { GALAXY.setSmoothScrollTop(viedoCallTop, 100); }, 1000); } }, off: function off() { _destroy(); }, scroll: function scroll(per) { $enterCont.css('background-color', 'transparent'); var chatStep = GALAXY.sizeMode > 2 ? stickyPercent(per, -1.5, 1.2) : GALAXY.sizeMode == 2 ? stickyPercent(per, -2, 2) : stickyPercent(per, -2.5, 2.2); var headingStep = GALAXY.sizeMode > 2 ? stickyPercent(per, -0.5, 1.45) : GALAXY.sizeMode == 2 ? stickyPercent(per, -0.5, 1.5) : stickyPercent(per, -0.5, 4); var deviceStep1 = GALAXY.sizeMode > 2 ? stickyPercent(per, -0.8, 1.1) : GALAXY.sizeMode == 2 ? stickyPercent(per, -0.3, 0.61) : stickyPercent(per, 0.28, 0.53); var deviceStep2 = GALAXY.sizeMode > 1 ? stickyPercent(per, 0.3, 0.5) : stickyPercent(per, 0.81, 0.3); var deviceStep3 = stickyPercent(per, 0.8, 0.2); if (chatStep > 0) { if (GALAXY.sizeMode > 2) { $chat1.css({ 'transform': 'translate(calc(-50% - ' + (1400 - 1234 * chatStep) + 'px), calc(-50% - ' + (1400 - 1180 * chatStep) + 'px))' }); $chat2.css({ 'transform': 'translate(calc(-50% + ' + (1100 - 931 * chatStep) + 'px), calc(-50% - ' + (1100 - 879 * chatStep) + 'px))' }); $chat3.css({ 'transform': 'translate(calc(-50% - ' + (800 - 633 * chatStep) + 'px), calc(-50% + ' + (800 - 684 * chatStep) + 'px))' }); $chat4.css({ 'transform': 'translate(calc(-50% + ' + (1200 - 1032 * chatStep) + 'px), calc(-50% + ' + (1200 - 1084 * chatStep) + 'px))' }); } if (GALAXY.sizeMode == 2) { $chat1.css({ 'transform': 'translate(calc(-50% - ' + (1400 - 1265 * chatStep) + 'px), calc(-50% - ' + (1400 - 1222 * chatStep) + 'px))' }); $chat2.css({ 'transform': 'translate(calc(-50% + ' + (1100 - 963 * chatStep) + 'px), calc(-50% - ' + (1100 - 921 * chatStep) + 'px))' }); $chat3.css({ 'transform': 'translate(calc(-50% - ' + (800 - 665 * chatStep) + 'px), calc(-50% + ' + (800 - 707 * chatStep) + 'px))' }); $chat4.css({ 'transform': 'translate(calc(-50% + ' + (1200 - 1064 * chatStep) + 'px), calc(-50% + ' + (1200 - 1107 * chatStep) + 'px))' }); } if (GALAXY.sizeMode == 1) { $chat1.css({ 'transform': 'translate(calc(-50% - ' + (600 - 501 * chatStep) + 'px), calc(-50% - ' + (600 - 469 * chatStep) + 'px))' }); $chat2.css({ 'transform': 'translate(calc(-50% + ' + (480 - 380 * chatStep) + 'px), calc(-50% - ' + (480 - 349 * chatStep) + 'px))' }); $chat3.css({ 'transform': 'translate(calc(-50% - ' + (500 - 401 * chatStep) + 'px), calc(-50% + ' + (500 - 432 * chatStep) + 'px))' }); $chat4.css({ 'transform': 'translate(calc(-50% + ' + (550 - 450 * chatStep) + 'px), calc(-50% + ' + (550 - 482 * chatStep) + 'px))' }); } $heading.css({ 'top': 50 - 100 * headingStep + '%' }); } else { $chat1.removeAttr('style'); $chat2.removeAttr('style'); $chat3.removeAttr('style'); $chat4.removeAttr('style'); $heading.removeAttr('style'); } step1DeviceWidth = GALAXY.sizeMode > 2 ? 3000 - 1850 * deviceStep1 : GALAXY.sizeMode > 1 ? 2000 - 1070 * deviceStep1 : 1500 - 815 * deviceStep1; if (deviceStep1 > 0) { $videoDevice.css({ 'width': step1DeviceWidth + 'px', 'opacity': 1 }); if (GALAXY.sizeMode > 2) { $deviceBg.css({ 'width': '64.3%', 'height': 2000 - 1275 * deviceStep1 + 'px', 'background-color': 'rgb(' + Math.min(30, Math.max(0, 30 * (deviceStep1 * 2))) + ' ' + Math.min(31, Math.max(0, 31 * (deviceStep1 * 2))) + ' ' + Math.min(35, Math.max(0, 35 * (deviceStep1 * 2))) + ')' }); } if (GALAXY.sizeMode == 2) { $deviceBg.css({ 'width': '64.3%', 'height': 1500 - 880 * deviceStep1 + 'px', 'background-color': 'rgb(' + Math.min(30, Math.max(0, 30 * (deviceStep1 * 2))) + ' ' + Math.min(31, Math.max(0, 31 * (deviceStep1 * 2))) + ' ' + Math.min(35, Math.max(0, 35 * (deviceStep1 * 2))) + ')' }); } if (GALAXY.sizeMode == 1) { $deviceBg.css({ 'width': '64.3%', 'height': 1200 - 736 * deviceStep1 + 'px', 'background-color': 'rgb(' + Math.min(30, Math.max(0, 30 * (deviceStep1 * 4))) + ' ' + Math.min(31, Math.max(0, 31 * (deviceStep1 * 4))) + ' ' + Math.min(35, Math.max(0, 35 * (deviceStep1 * 4))) + ')' }); $videoCallWrap.css({ 'opacity': 1 }); } if (deviceStep1 === 1) { $enterWrap.addClass('switch'); } else { $enterWrap.removeClass('switch'); } } else { $videoDevice.removeAttr('style'); $deviceBg.removeAttr('style'); $videoCallWrap.removeAttr('style'); $enterWrap.removeClass('switch'); } step2DeviceWidth = GALAXY.sizeMode > 2 ? step1DeviceWidth - 600 * deviceStep2 : step1DeviceWidth - 554 * deviceStep2; step2headerTop = GALAXY.sizeMode > 2 ? 574 : 433; if (GALAXY.sizeMode > 1) { if (deviceStep2 > 0) { $videoDevice.css({ 'width': step2DeviceWidth + 'px' }); $videoCallWrap.css({ 'padding-top': winH / 2 - step2headerTop / 2 }); } else { $videoDevice.css({ 'width': step1DeviceWidth + 'px' }); } var posXval = GALAXY.sizeMode > 2 ? 44 : 47; Step3devicePosX = 50 + posXval * deviceStep3; if (deviceStep3 > 0) { var _videoImgHeight = Math.round(step2DeviceWidth * (1791 / 1647)); var _videoWrapHeight = Math.max($('.videocall-wrap').height(), _videoImgHeight); mb = Math.abs(GALAXY.areaHeight - (_videoWrapHeight + (winH / 2 - step2headerTop / 2))); $etSec.css({ 'margin-bottom': -mb + 'px' }); $videoDevice.css({ 'transform': 'translate(-' + Step3devicePosX + '%, -50%)' }); $videoCallHeader.__css({ 'opacity': deviceStep3, 'x': -50 + posXval * deviceStep3 + '%' }); } else { $videoDevice.css({ 'transform': 'translate(-50%, -50%)' }); $videoCallHeader.removeAttr('style'); } } if (GALAXY.sizeMode == 1) { step2DeviceWidth = step1DeviceWidth - 345 * deviceStep2; Step2DevicePosY = 50 - 50 * deviceStep2; if (deviceStep2 > 0) { $enterWrap.addClass('switch'); $videoDevice.css({ 'width': step2DeviceWidth + 'px' }); } else { $etStickyWrap.removeAttr('style'); $enterWrap.removeClass('switch'); $videoDevice.css({ 'width': step1DeviceWidth + 'px' }); } } }, resize: function resize() { navH = $('#subnav, .floating-navigation__wrap').height() || 0; winH = GALAXY.areaHeight; _destroy(); } }; new scrollSticky('.m_feature-entertainment .sticky-wrap', _option); } }; GALAXY.load(function () { enterSticky(); });// plugin var setVar = function setVar(target, prop, value) { target.style.setProperty("--".concat(prop), value); }; var calcValue = function calcValue(step, value, scrollTop, moveArea) { var partStart; var partEnd; var partArea; var partSpot; var rv; if (typeof step === 'number') { partSpot = moveArea * step; rv = scrollTop < partSpot ? value[0] : value[1]; } else { partStart = moveArea * step[0]; partEnd = moveArea * step[1]; partArea = partEnd - partStart; if (scrollTop < partStart) { rv = value[0]; } else if (scrollTop > partEnd) { rv = value[1]; } else { rv = (scrollTop - partStart) / partArea * (value[1] - value[0]) + value[0]; } } return rv; }; // colors var colors = function () { var $colorContent = $(".m_feature-colors"); var $colorChipArea = $colorContent.find(".colorchip-area"); var $colorChipCurrent = $colorContent.find(".current-colorchip"); var $colorImages = $colorContent.find(".images-item"); var $colorColors = $colorContent.find(".color-item"); var currentColorText = ''; var currentColor = ''; var onInit = function onInit() { currentColorText = $colorChipArea.find("input[type=radio]:checked").siblings("label").find(".colorchip").text(); $colorChipCurrent.text(currentColorText); }; var onChange = function onChange() { currentColorText = $(this).siblings("label").find(".colorchip").text(); $colorChipCurrent.text(currentColorText); }; new faveColorChip($colorColors, $colorImages, onChange, onInit); }(); // bespoke var bespoke = function bespoke() { if (document.querySelector(".bespoke-list") === null) return; var bespokeSlide = document.querySelector(".bespoke-list"); var bespokeSlideArea = document.querySelector(".bespoke-list .scroll-slide_area"); var bespokeSlideList = document.querySelector(".bespoke-list .slide-list"); var chkRtl = document.querySelector('html').classList.contains('rtl'); var chkAction = false; var chkLoad = false; new scrollSlide(bespokeSlide); var _init = function _init() { if (GALAXY.sizeMode === 1) { if (chkAction) return; _action(); } }; var _action = function _action() { if (chkAction) return; if (GALAXY.sizeMode === 1) { var chkDesignTop = GALAXY.scrollTop > $('.m_content-design').offset().top - GALAXY.areaHeight; var chkDesignBtt = GALAXY.scrollTop < $('.m_content-design').offset().top + $('.m_content-design').height(); if (chkDesignTop && chkDesignBtt && !chkLoad) { chkLoad = true; if (!chkRtl) { bespokeSlideArea.scrollLeft = bespokeSlideList.offsetWidth; } else { bespokeSlideArea.scrollLeft = -bespokeSlideList.offsetWidth; } } var chkTop = GALAXY.scrollTop > $(bespokeSlide).offset().top - GALAXY.areaHeight; var chkBtt = GALAXY.scrollTop < $(bespokeSlide).offset().top + $(bespokeSlide).height(); if (chkTop && chkBtt) { chkAction = true; bespokeSlideArea.scrollLeft = 0; } } }; _init(); GALAXY.resize(_init); GALAXY.scroll(_action); }; // camera var camera = function camera() { var $cameraContent = $('.m_feature-camera'); var $cameraSkill = $cameraContent.find('.content-skill'); var $cameraDark = $cameraContent.find('.content-dark'); var $cameraSkillImage01 = $cameraContent.find('.o_figure-01'); var cameraContent = $cameraContent[0]; var scrollTop = 0; var moveArea = 0; var ww = 0; var wh = 0; var scale = 0; var cameraSlide = document.querySelector('.camera-list'); var cameraSlideArea = cameraSlide.querySelector(".scroll-slide_area"); var cameraSlideList = cameraSlide.querySelector(".slide-list"); var chkRtl = document.querySelector('html').classList.contains('rtl'); var chkAction = false; var chkLoad = false; new scrollSlide(cameraSlide); var _init = function _init() { ww = Math.min(GALAXY.areaWidth, 1920); wh = GALAXY.areaHeight; scale = GALAXY.sizeMode > 1 ? ww - $cameraSkillImage01.width() > wh - $cameraSkillImage01.height() ? ww / $cameraSkillImage01.width() : wh / $cameraSkillImage01.height() : 2.4; setVar($cameraContent[0], 'camera-image01_scale', scale); _scroll(); if (GALAXY.sizeMode === 1) { if (chkAction) return; _action(); } }; var _scroll = function _scroll() { if (GALAXY.scrollTop > $cameraSkill.offset().top - 100 && GALAXY.scrollTop < $cameraDark.offset().top + 100) { scrollTop = GALAXY.scrollTop - $cameraSkill.offset().top; moveArea = $cameraSkill.height(); setVar(cameraContent, 'camera-scroll-bg-y', "".concat(calcValue([0.7, 1], [0, wh * -0.7], scrollTop, moveArea), "px")); } }; var _action = function _action() { if (chkAction) return; if (GALAXY.sizeMode === 1) { var chkCameraTop = GALAXY.scrollTop > $('.m_content-camera').offset().top - GALAXY.areaHeight; var chkCameraBtt = GALAXY.scrollTop < $('.m_content-camera').offset().top + $('.m_content-camera').height(); if (chkCameraTop && chkCameraBtt && !chkLoad) { chkLoad = true; if (!chkRtl) { cameraSlideArea.scrollLeft = cameraSlideList.offsetWidth; } else { cameraSlideArea.scrollLeft = -cameraSlideList.offsetWidth; } } var chkTop = GALAXY.scrollTop > $(cameraSlide).offset().top - GALAXY.areaHeight; var chkBtt = GALAXY.scrollTop < $(cameraSlide).offset().top + $(cameraSlide).height(); if (chkTop && chkBtt) { chkAction = true; cameraSlideArea.scrollLeft = 0; } } }; _init(); GALAXY.resize(_init); GALAXY.scroll(_scroll); GALAXY.scroll(_action); }; // multiCamera var multiCamera = function () { new scrollActive(".m_feature-multiCamera .spec-item.front .spec-texts", 0.7); new scrollActive(".m_feature-multiCamera .spec-item.back .spec-texts", 0.7); var $multiCamera = $('.m_feature-multiCamera'); var $spec1 = $('.m_feature-multiCamera .spec-text-01'); var multiCameraPaddingTop = 0; var spec1Top = 0; var _init = function _init() { if (GALAXY.sizeMode === 1) { spec1Top = +$spec1.css('top').replace('px', ''); if ($spec1.height() > spec1Top) { multiCameraPaddingTop = $spec1.height() - spec1Top; $multiCamera.css({ 'padding-top': multiCameraPaddingTop }); } } }; GALAXY.load(_init); }(); // flexCam var flexCam = function flexCam() { var $flexCam = $('.m_feature-flexCam'); var $flexCamInteraction = $('.m_feature-flexCam .interaction-wrap'); var $flexCamHeader = $('.m_feature-flexCam .f_header-type1'); var flexCamSlide = document.querySelector('.flexcam-list'); var flexCamSlideArea = flexCamSlide.querySelector(".scroll-slide_area"); var flexCamSlideList = flexCamSlide.querySelector(".slide-list"); var chkRtl = document.querySelector('html').classList.contains('rtl'); var chkAction = false; var chkLoad = false; new scrollSlide(flexCamSlide); var _init = function _init() { if (GALAXY.scrollTop < $flexCamInteraction.offset().top + $flexCamInteraction.height() * 0.4 - GALAXY.areaHeight) { $flexCamInteraction.removeClass('active off'); } _scroll(); if (GALAXY.sizeMode === 1) { if (chkAction) return; _action(); } }; var _scroll = function _scroll() { var chkTop = GALAXY.scrollTop < $flexCam.offset().top - GALAXY.areaHeight - 200; var chkBottom = GALAXY.scrollTop > $flexCam.offset().top + $flexCam.height(); if (chkTop || chkBottom) return; if (GALAXY.scrollTop < $flexCamInteraction.offset().top - GALAXY.areaHeight) { $flexCamInteraction.removeClass('active off'); } else if (GALAXY.scrollTop > $flexCamHeader.offset().top) { $flexCamInteraction.addClass('active off'); } else if (GALAXY.scrollTop > $flexCamInteraction.offset().top + $flexCamInteraction.height() * 0.4 - GALAXY.areaHeight) { $flexCamInteraction.removeClass('off'); setTimeout(function () { $flexCamInteraction.addClass('active'); }, 100); } }; var _action = function _action() { if (chkAction) return; if (GALAXY.sizeMode === 1) { var chkCameraTop = GALAXY.scrollTop > $('.m_content-camera').offset().top - GALAXY.areaHeight; var chkCameraBtt = GALAXY.scrollTop < $('.m_content-camera').offset().top + $('.m_content-camera').height(); if (chkCameraTop && chkCameraBtt && !chkLoad) { chkLoad = true; if (!chkRtl) { flexCamSlideArea.scrollLeft = flexCamSlideList.offsetWidth; } else { flexCamSlideArea.scrollLeft = -flexCamSlideList.offsetWidth; } } var chkTop = GALAXY.scrollTop > $(flexCamSlide).offset().top - GALAXY.areaHeight; var chkBtt = GALAXY.scrollTop < $(flexCamSlide).offset().top + $(flexCamSlide).height(); if (chkTop && chkBtt) { chkAction = true; flexCamSlideArea.scrollLeft = 0; } } }; _init(); GALAXY.resize(_init); GALAXY.scroll(_scroll); }; // quickShot var quickShot = function () { GALAXY.hello($('.m_feature-quickShot .hello-box'), { baseLine: 5, on: function on() { $('.m_feature-quickShot .visual-wrap').addClass('active'); }, off: function off() { $('.m_feature-quickShot .visual-wrap').removeClass('active'); } }); }(); // coverScreen var coverScreen = function coverScreen() { var $coverScreen = $('.m_feature-coverScreen'); var $screenWrap = $('.m_feature-coverScreen .screen-wrap'); ; var screenWrapTop = 0; var screenWrapHeight = 0; var _init = function _init() { _scroll(); }; var _scroll = function _scroll() { var chkTop = GALAXY.scrollTop < $coverScreen.offset().top - GALAXY.areaHeight - 200; var chkBottom = GALAXY.scrollTop > $coverScreen.offset().top + $coverScreen.height(); if (chkTop || chkBottom) return; screenWrapTop = $screenWrap.offset().top; screenWrapHeight = $screenWrap.height(); var scrollTop = window.pageYOffset; var scrollBottom = scrollTop + GALAXY.areaHeight; if (scrollBottom > screenWrapTop + screenWrapHeight * 0.5) { $screenWrap.addClass('active'); } else if (scrollTop > screenWrapTop + screenWrapHeight) { $screenWrap.removeClass('active'); } else if (scrollBottom < screenWrapTop) { $screenWrap.removeClass('active'); } }; _init(); GALAXY.resize(_init); GALAXY.scroll(_scroll); }; GALAXY.load(function () { bespoke(); flexCam(); camera(); coverScreen(); }); //

}).then(function () { GALAXY.initialize() }) });