Fitur Slider Sebelum dan Sesudah

Jelajahi semua fitur Elfsight Comparison Slider dan bagaimana fitur-fiturnya bisa membantu Anda menciptakan widget yang paling efektif.

Buat portofolio yang berbicara untuk dirinya sendiri

Gambar sebelum dan sesudah akan membantu Anda memvisualisasikan dampak positif produk Anda atau menunjukkan kekuatan keahlian atau layanan yang Anda tawarkan. Pilih dua foto dan unggah ke widget. Penggeser akan dibuat secara otomatis, dan pengguna akan dapat menggeser pembatas serta melihat perubahannya. Ini adalah cara yang sempurna untuk membuktikan bahwa tawaran Anda bernilai dan menarik pembeli baru.

Keterangan dan label selaras dengan gambar

Pilihan untuk menambahkan caption pada setiap slide akan membantu Anda memberikan deskripsi atau penjelasan rinci tentang apa yang bisa dilihat pengguna pada foto, serta membantu mereka memahami prosesnya dengan lebih baik. Anda juga bisa menyisipkan tautan untuk mengarahkan pengguna ke halaman lain jika diperlukan. Label slider juga bisa diedit, dan Anda bisa memikirkan sesuatu yang lebih kreatif daripada hanya “sebelum” dan “sesudah”.

Konten

Tata letak karusel ergonomis dengan navigasi halaman

Jika Anda perlu menampilkan rangkaian slide, tetapi tidak ingin memenuhi halaman dengan semua slide tersebut, tata letak Carousel tepat untuk Anda. Ini akan menyusun semua slide menjadi satu galeri dengan panah navigasi yang digunakan untuk menavigasi antar gambar. Pengguna dapat menggeser ke depan dan ke belakang untuk melihat semua foto, dan tentu saja, menggeser pembatas pada masing-masing foto.

Tata Letak Daftar yang Luas

Elfsight Before and After Slider menampilkan tata letak daftar yang luas dan fleksibel. Dirancang khusus untuk situasi di mana slide ditempatkan berurutan. Saat pengunjung menggulir halaman, mereka akan melihat foto sebelum-dan-sesudah yang semakin mengesankan. Alur slide akan menjaga agar setiap pengunjung tetap terlibat dengan situs Anda.

Berbagai rasio gambar dan lebar widget yang bisa disesuaikan

Tidak hanya mengubah skala widget secara keseluruhan (dapat dengan mudah diatur dalam piksel atau persentase), tetapi juga proporsi gambar. Untuk itu, kami telah menambahkan ke dalam widget 7 varian rasio gambar siap pakai, yang mencakup yang paling populer, seperti persegi atau 4:3. Anda bisa menemukan yang paling cocok untuk foto Anda.

Tata Letak
Contoh penggunaan
Lihat beragam contoh nyata untuk mengeksplorasi potensi penuh Before and After Slider pada situs Anda.
Lihat cara kerjanya
Demo langsung
Coba semua fitur Before and After Slider di demo langsung sekarang. Tanpa biaya. Tanpa registrasi. Tanpa Coding.
Coba sekarang

Biarkan pengguna melihat foto Anda dalam layar penuh

Dengan Mode Layar Penuh, pengunjung dapat melihat perubahan besar pada foto Anda secara maksimal. Gambar-gambar akan terbuka dalam layar penuh dan membentuk slider yang dapat dinavigasi menggunakan tombol panah. Ini adalah peluang sempurna bagi pengguna untuk memeriksa setiap detail transformasi, sehingga mereka pun ingin hasil yang sama.

Layar Penuh

Pilih arah geseran

Elfsight Before and After Slider benar-benar adaptif. Agar cocok untuk berbagai kasus, ia bisa bekerja secara vertikal maupun horizontal. Sesuaikan dengan kebutuhan Anda, Anda dapat memilih arah pembatas yang paling tepat. Label-labelnya akan menyesuaikan secara otomatis dan berada tepat di posisinya. Dan Anda juga bisa memilih perataan labelnya — kiri, kanan, atau tengah.

Tentukan pembatas di posisi yang tepat

Pemisah tidak harus tepat berada di tengah gambar; Anda bisa memilih posisi terbaik sendiri. Ada pengaturan praktis yang memungkinkan Anda menyeretnya dan mengubah persentase tiap foto. Pemisah juga bisa mengubah ukuran – Anda bisa membuatnya lebih tebal atau lebih tipis. Satu elemen kendali lagi – panah – bisa diaktifkan atau dinonaktifkan.

Dua Opsi Interaksi Slider

Untuk kenyamanan pengguna yang lebih baik, Anda dapat memilih cara mereka akan menggeser pemisah slider. Widget ini menawarkan opsi Drag&Click yang melibatkan mengklik pemisah untuk memindahkannya, dan opsi Hover — pemisah akan bergerak hanya saat melayang di atasnya, mengikuti kursor pengunjung. Pada perangkat seluler, pengguna cukup menggesek untuk mengganti gambar.

Pilihan pewarnaan untuk personalisasi lebih lanjut

Jadikan slider Anda benar-benar personal dengan berbagai opsi gaya. Anda bisa mengunggah gambar latar belakang atau memilih warna apa saja. Semua elemen teks: label, keterangan, dan judul dapat diubah ukurannya dan diwarnai sesuai keinginan Anda. Dan pemisah juga bisa diwarnai.

desain

Bergabunglah dengan 3.000.000 pelanggan yang telah menggunakan Elfsight Apps.

Rasakan lebih dari 80 aplikasi canggih dari Elfsight. Tanpa kartu kredit. Pendaftaran gratis!
Mulai sekarang
Dapatkan diskon 20% sekarang!