Geser Sebelum dan Sesudah untuk HTML

Bandingkan perubahan visual sebelum-sesudah pada situs HTML Anda untuk menunjukkan transformasi, menggambarkan kemajuan, dan menyajikan hasil yang jelas dan berdampak.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
Before and After Slider for HTML

Buat widget Geser Sebelum dan Sesudah Anda

Atur Geser Sebelum dan Sesudah Anda dan tambahkan ke situs HTML Anda secara gratis!

Cuplikan Layar

Before and After Slider for HTML
1 / 6

Deskripsi

Before and After Slider by Elfsight will help you compose tempting sales-efficient photos for your website. Customers can discover all the effects that your goods or services bring. Just upload two photos to Before and After Slider for HTML and they will be shown with a divider that moves to watch the change. You can embed unlimited slides, every one with its own caption. The divider direction can be horizontal or vertical, and you can choose the best image ratio. Your users will will have no other choice but to make a purchase, as soon as they see the real result| of your products!

Luncurkan Geser Sebelum dan Sesudah untuk meraih puncak bisnismu dengan lebih efisien!

Kami menawarkan fitur yang praktis dan sederhana — lihat beberapa di antaranya:

  • Bentuk sebanyak apa pun pasangan gambar Sebelum dan Sesudah
  • Tambahkan keterangan dengan pengaturan format teks untuk setiap slide
  • Dua tata letak: Daftar dan Carousel
  • Geser pembagi secara horizontal atau vertikal
  • Klik dan seret, atau cukup arahkan kursor untuk menggeser pembatasnya
  • Geser di perangkat sentuh

Uji semua fitur personalisasi dalam demo yang sepenuhnya berfungsi

Bagaimana cara menyisipkan Geser Sebelum dan Sesudah di situs HTML saya?

Cukup ikuti panduan di bawah untuk memasukkan plugin ini.

Jika Anda memiliki pertanyaan atau mengalami kendala, silakan hubungi tim dukungan kami. Konsultan kami siap membantu menjawab semua pertanyaan Anda seputar produk ini.

Apakah saya perlu hosting khusus untuk menggunakan Before and After Slider pada HTML?

Tidak diperlukan hosting khusus. Selama situs HTML Anda mendukung JavaScript, Geser Sebelum dan Sesudah akan berfungsi dengan baik.

Apakah mendukung tata letak vertikal dan horizontal?

Ya, Anda bisa memilih orientasi pembatas vertikal atau horizontal, tergantung bagaimana Anda ingin menampilkan perbandingan gambar Anda.

Bagaimana pengunjung dapat berinteraksi dengan pemisah?

Slider ini mendukung mode Drag & Click serta mode Hover, sehingga pengguna bisa menggeser pembatas secara manual maupun hanya dengan mengarahkan kursor ke gambar.

Bisakah saya menambahkan tautan yang bisa diklik di dalam keterangan?

Ya, keterangan mendukung tautan, sehingga Anda bisa mengarahkan pengunjung ke halaman produk, layanan, portofolio, atau studi kasus langsung dari slider.

Bisakah saya mengatur posisi garis pembagi bawaan?

Tentu. Anda dapat menentukan posisi pemisah awal, sehingga terlihat seberapa banyak gambar “sebelum” atau “sesudah” yang terlihat saat halaman dimuat.

Format gambar apa saja yang direkomendasikan untuk halaman HTML?

Untuk kinerja terbaik, gunakan file JPG atau PNG yang telah dioptimalkan sesuai ukuran dan resolusi yang direkomendasikan pedoman untuk pemuatan lebih cepat.

Apakah gambar dioptimalkan secara otomatis oleh slider?

Tidak, gambar ditampilkan persis seperti saat diunggah. Disarankan untuk mengompresi dan mengoptimalkan gambar terlebih dahulu agar performa tetap mulus.

Bisakah saya menggunakan slider untuk mockup atau pratinjau desain?

Ya, slider ini bekerja dengan dua gambar apa pun, including mockup, render, desain UI, rencana arsitektur, atau revisi visual.

Bisakah Anda membandingkan lebih dari dua gambar dalam satu slider?

Setiap slide mendukung perbandingan dua gambar. Untuk menampilkan beberapa tahap, Anda bisa membuat beberapa slide secara berurutan.

Bisakah saya mengunci garis pembagi agar pengguna tidak bisa menggesernya?

Slider ini dirancang untuk perbandingan interaktif, sehingga pembatasnya tetap bisa digerakkan dan tidak bisa dipasang secara permanen.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Perangkat lunak lintas platform
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan gratis dan tepat waktu
Bantuan pemasangan gratis
Penawaran hebat untuk beberapa aplikasi
Mudah diedit