Przegląd #

Obraz Zamieniać jest prostym sposobem na zmianę wyświetlania dowolnego obrazu po najechaniu na niego myszką i powrót do oryginalnego obrazu po przesunięciu myszy poza obraz. Oto obszerny artykuł, który szczegółowo wyjaśnia każdą metodę. Postępuj zgodnie z procesem krok po kroku, aby połączyć Zamiana obrazu.

Wymagana wtyczka: #

1. Elementora: Pobierz wtyczkę.
2. ElementsKit Lite: Pobierz wtyczkę.
3. ElementsKit Pro: Pobierz wtyczkę.

Krok 1: Włącz widget Podmiana obrazu #

Najpierw musisz włączyć widget z pulpitu WordPress. Aby włączyć widget Image Swap:

1. Nawigować do ElementsKit > Widżety.
2. Znaleźć Obraz Zamieniać z listy i włącz widget.
3. Kliknij na ZAPISZ ZMIANY.

Krok 2: Przeciągnij i upuść widżet #

Następnie otwórz edytor Elementor, a następnie przeciągnij i upuść widżet ElementsKit Image Swap do obszaru projektu.

Krok 3: Konfiguruj zamianę obrazu widżet #

W tym kroku możesz dodać obrazy przód i tył, ustawić rozmiar obrazu, wybrać styl zamiany i wiele więcej.

1. Obraz z przodu: Prześlij pierwszy obraz jako obraz frontowy.
2. Obraz z tyłu: Prześlij drugi obraz jako obraz tylny.
3. Rozmiar obrazu: Wybierz rozmiar obrazu z podanych opcji.

4. Zmień styl: Widżet ElementsKit Image Swap zawiera 21 stylów zamiany. Możesz wybrać dowolny ze stylów.

5. Tygrys: Wybierz sposób uruchomienia efektu zamiany spośród następujących opcji.
   1. Unosić się: Efekt podmiany zostanie uruchomiony po najechaniu myszką na obraz.
   2. Trzask: Efekt podmiany zostanie uruchomiony po kliknięciu na obrazek.
6. Wskaźniki: Oznacza obraz aktywny (obraz wyświetlany) i obraz z tyłu.
7. Połączyć: Możesz dodać adres URL do obrazów.

Krok 4: Dostosuj widżet zamiany obrazów #

Teraz możesz dostosować style obrazów i wskaźników.

4.1 Obraz #

1. Stała wysokość: Dostosuj wysokość obrazu.
2. Czas trwania przejścia: Ustaw czas przejścia między zamianami obrazów.

4.2 Wskaźniki #

1. Normalny kolor: Ustaw kolor wskaźnika.
2. Aktywny kolor: Wybierz kolor aktywnego wskaźnika.

3. Rozmiar: Dostosuj rozmiar wskaźników.
4. Rozstaw: Odstęp pomiędzy dwoma wskaźnikami.
5. Styl: Dostępne są dwa style wskaźników: poziomy i pionowy.
6. Pozycja: Dostosuj położenie wskaźników. Pozycja X: Aby zmienić położenie poziome, Pozycja Y: Aby zmienić położenie pionowe.

Na koniec możesz dodać widget zamiany obrazu do swojej witryny. Oto jak to działa:

Podobnie jak widżet Image Swap, ElementsKit zawiera setki zaawansowanych elementów dla Elementora. Pobierz ElementsKit i użyj tych elementów do tworzenia witryn WordPress z wieloma funkcjami.