Fotoğraf Karşılaştırma Widget'ı

Web Siteleri için Önce ve Sonra Karşılaştırma Widget'ı Özellikleri

Etkileşimli önce ve sonra görsel karşılaştırmalarıyla görsel dönüşümleri gösterin. Kod yazmadan görsel çiftleri, etiketler, açıklamalar, gösterim denetimleri, döngü gezinmesi, tam ekran görüntüleme ve özel biçimlendirme ekleyin.

Before and After Slider Widget Features for Websites Hero Bg Image

Önce ve Sonra Görsellerini Karşılaştırın

İlgili iki görseli tek bir etkileşimli çerçeveye yerleştirin; böylece ziyaretçiler bir dönüşümü hızlıca anlayabilsin. Önce ve sonra görsellerinin URL'lerini ekleyin, net etiketler yazın ve tadilat, güzellik, onarım, tasarım veya ürün karşılaştırma sayfaları için açıklamalar ekleyin.

Görsel kontrolleri şunları içerir:

Önce görseli URL'siSonra görseli URL'siÖnce etiketiSonra etiketiAçıklama metni
Görsel Çiftleri Ekleyin
Compare Before and After Images

Gösterim Deneyimini Kontrol Edin

Ziyaretçilerin her karşılaştırmayı nasıl inceleyeceğini seçin. Yatay veya dikey bir ayırıcı belirleyin, başlangıç gösterim konumunu ayarlayın ve sayfa deneyiminize göre ziyaretçilerin görselleri sürükleyerek, tıklayarak veya üzerine gelerek karşılaştırmasına izin verin.

Gösterim denetimleri şunlardır:

Yatay gösterimDikey gösterimBaşlangıç konumuSürükleme veya tıklamaÜzerine gelme etkileşimi
Gösterimi Özelleştirin
Control the Reveal Experience

Birden Fazla Dönüşümü Gösterin

Tek bir görsel çifti yeterli olmadığında küçük bir karşılaştırma galerisi oluşturun. Üç adede kadar önce ve sonra çifti ekleyin, döngü gezinmesini etkinleştirin; böylece ziyaretçiler proje aşamalarını, vaka çalışmalarını, düzenlemeleri veya hizmet sonuçlarını inceleyebilsin.

Galeri seçenekleri şunlardır:

3 çifte kadarDöngü gezinmesiProje aşamalarıKullanım örnekleri
Galeri Oluşturun
Show Multiple Transformations

Kaydırıcıları Web Sitenizle Eşleştirin

Karşılaştırma widget'ını sayfanıza doğal bir şekilde uyacak şekilde biçimlendirin. Genişliği, görsel oranını, köşe yarıçapını, ayırıcı boyutunu, renkleri, etiketleri, açıklamaları, tam ekran modunu, mobil görünürlüğü ve özel CSS'i ayarlayın.

Stil kontrolleri şunları içerir:

Widget genişliğiGörsel oranıAyırıcı stiliTam ekran moduÖzel CSS
Slayt Gösterinizi Şekillendirin
Match Sliders to Your Website