# Képek összehasonlítása (előtte/utána)

> Előtte és utána képpárok bemutatása a Képek összehasonlítása widgettel: tételek, elválasztó, léptetés és navigáció.

A **Képek összehasonlítása** widget két fényképet vet össze egy húzható elválasztóval. Tervezőknek, fotósoknak és szolgáltatóknak hasznos, mert az előtte/utána különbség azonnal látszik. A widget egy körhintaként is működik: több képpárt tehetsz bele, és ezek között lehet lapozni.

## A widget hozzáadása

1. Nyisd meg az oldalt az Elementorral.
2. Keresd meg a **Képek összehasonlítása** widgetet, és húzd egy új szakaszba.

## Tételek

A **Tartalom → Tételek** szakaszban minden tétel egy előtte/utána képpár a körhintában. Az **Elem hozzáadása** gombbal annyit vehetsz fel, amennyit akarsz; az egyik kivételével az összeset törölheted is. Egy tételre kattintva az alábbi mezők nyílnak:

![A Tételek szakasz egy kinyitott tétellel](./kepek/medialis-widgetek-keposszehasonlito-tetel.webp)

*A Tételek szakasz egy kinyitott tétellel* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

- **Az előtte állapot címkéje** és **Előtte lévő kép**.
- **Az utána állapot címkéje** és **Utána lévő kép**.

## Beállítások

A **Tartalom → Beállítások** szakaszban a következők állíthatók:

![A Képek összehasonlítása widget Beállítások szakasza](./kepek/medialis-widgetek-keposszehasonlito-2.webp)

*A Képek összehasonlítása widget Beállítások szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor)

| Beállítás | Mit csinál |
| --- | --- |
| Elválasztó kezdőpozíciója | Hol áll az elválasztó, amikor a látogató először meglátja a képet (százalékban, csúszkával vagy beírva). Minél nagyobb az érték, annál jobbra áll. |
| Előző nyíl ikonja, Következő nyíl ikonja | Az elválasztó két oldalán látható ikonok. |
| Megjelenítendő diák száma | Egyszerre hány képpár látszik (legfeljebb 10). |
| Szüneteltetés rámutatáskor | Az automatikus lejátszás megáll, ha az egérmutató egy dia fölé ér. |
| Automatikus lejátszás | A diák magukat váltják. Az **Automatikus lejátszás sebessége** mezőben ezredmásodpercben adod meg az időt. |
| Hatás | A váltás animációja: **Csúsztatás** vagy áttűnés. Az **Animáció sebessége** mezőben ezredmásodpercben állíthatod. |

A körhinta navigációját nyilakkal és pontokkal is megjelenítheted: a nyilak a diák két szélén látszanak (az ikonjuk kiválasztható), a pontok a diák alatt.

## Stílus

A **Stílus** fülön a címkéket, a fogantyút, a nyilakat és a pontokat formázhatod.