דלגו לתוכן

Image comparison

תוכן זה אינו זמין עדיין בשפה שלך.

איפה אפשר להוסיף אותו

לא בקבוצות סקשנים: Header, Footer, Overlays.

הגדרהסוגברירת מחדלאפשרויות וטווח
Layout

With Comparison only, the blocks stay saved but are not shown.

בחירהText at start
  • Text at start
  • Text at end
  • Comparison only
Images
Before imageתמונה—
After imageתמונה—
Before label

Shown on the image. Leave it empty to hide it.

טקסטBefore
After label

Shown on the image. Leave it empty to hide it.

טקסטAfter
Aspect ratio

Both images are cropped to it, so they line up. Adapt to image follows the before image.

בחירהPortrait (4:5)
  • Adapt to image
  • Portrait (4:5)
  • Square (1:1)
  • Landscape (3:2)
  • Landscape (16:9)
Image shapeבחירהCorner
  • None
  • Corner
  • Capsule
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

בחירהAuto
  • Auto
  • Light
  • Dark
Slider
OrientationבחירהHorizontal
  • Horizontal
  • Vertical
Start position

The before image’s share when the page loads.

טווח50 %10–90 %, צעד 5
Show a hint on view

With full motion, the line moves once when the section comes into view.

תיבת סימוןפעיל
Follow the pointer

With a mouse, the line follows the pointer without a press. Touch and keyboard are unchanged.

תיבת סימוןכבוי

ההגדרות שיש בכל סקשן — פריסה, ריווח, תנועה ונראות — זהות בכל סקשן.

ברירות מחדל כאן: Top spacing 104 px (בשאר הסקשנים: 64 px); Bottom spacing 104 px (בשאר הסקשנים: 64 px); Top spacing on mobile 56 px (בשאר הסקשנים: 40 px); Bottom spacing on mobile 56 px (בשאר הסקשנים: 40 px); Stagger 80 ms (בשאר הסקשנים: 0 ms).

  • Image comparison — קטגוריה: Media
    מתחיל עם: Text, Heading, Text, Button