Sorun giderme

Slider'ın yüksekliği sıfır

Slaytların arka plan görseli ve içerik yüksekliği yok; örneğin yalnızca absolute konumlu elemanlar var. Bir yükseklik verin: height="480", aspect="16/9" veya elemana CSS yüksekliği verip height="fill".

"cannot host a slider"

Eleman shadow root alamıyor (ul, table, img…). div, section, article veya <insigne-slider> kullanın.

WebGL efekti CSS efekti olarak oynuyor

Şunlardan biri: WebGL yok, düşük güçlü cihaz veya veri tasarrufu (gpu: "auto"), hareket azaltma ya da CORS başlığı olmayan başka domaindeki görseller. Görselleri Access-Control-Allow-Origin: * ile sunun veya düşük güç kontrolünü atlamak için gpu: "prefer-webgl" ayarlayın.

Katmanlar canlanmıyor

• Elemanın data-in attribute'u olmalı; reçete adındaki yazım hatası konsolda bildirilir.
• Hareket azaltma açık: katmanlar bilerek hareketsiz görünür.
• layers: false motoru kapatır.

Watermark çıktı

Atıf görünmüyor. Konsol nedenini söyler (covered, clipped, opacity, display:none…). Sık nedenler: slider'ın üst elemanında overflow: hidden ile sabit yükseklik atıf satırını kesiyor (atıf dahil olsun diye height: "fill" kullanın) ya da üstüne konumlanmış bir eleman var. Bkz. lisans ve atıf.

Sayfa yüklenirken slaytlar zıplıyor

Görseller yüklenmeden alanı ayırın: aspect ayarlayın ya da ilk görsele width ve height verin. Henüz başlamamış slaytları kurulum sayfasındaki CSS ile gizleyin.

Görsel yanlış yerden kırpılıyor

Arka plana data-focus (gerekirse data-safe) ekleyin. Dar ekranlarda slider geniş fotoğrafları okunur tutmak için uzar; hangi kısmın kalacağına odak noktası karar verir.

Sonradan eklenen içerik slayt olmuyor

Sonradan eklenen doğrudan çocuklar otomatik algılanır. Bir slaytın içine daha derine eklenen içerik için bir şey gerekmez. Elemanın tamamını değiştiriyorsanız üzerinde yeni bir slider başlatın.