Eklenti isteği Slider(Geçişli Resim) Eklentisi

  • Kullanıcı JaGGo
  • Başlangıç tarihi Başlangıç tarihi
  • - XenForo eklenti, tema, Türkçe yama istekleriniz
Kullanıcı adını bilmediği yada bulamadığı bu eklentiyi istemektedir.
Merhabalar, sitemde slider(geçişli resim) eklentisini kullanmak istiyorum, önerebileceğiniz eklenti varmıdır acaba? kullanmış olduğum xf sürümü 1.5.7 teşekkürler.
 
Öncelikle kullandığınız sürüm çok eski. Güvenlik nedeniyle en azından 1.5 son sürümüne geçmenizi tavsiye ederim.
Su ücretli versiyon işinizi görebilir diye düşünüyorum.

[XFA] Image Slider
 
Slider ekliyeceğin alana bu kodu girerek slider ekliyebilirsin.
Resimler otomatik geçişdir.
setTimeout(Slidergoster, 6000); buradaki değeri değiştirerek süresini ayarlayabilirsiniz.
Resimleri arttırıp azaltırken <span class="dot"></span> bu kodu resim sayısına göre ayarlayınız.

Kod:
<div class="slideshow-container">
    <div class="trgamersSlider fade"><a target="_blank" href="https://www.burayalinkgir.com/"><img src="https://www.burayaresimlinkigir.png" style="width:100%"></a></div>
    <div class="trgamersSlider fade"><a target="_blank" href="https://www.burayalinkgir.com/"><img src="https://www.burayaresimlinkigir.png" style="width:100%"></a></div>
    <div class="trgamersSlider fade"><a target="_blank" href="https://www.burayalinkgir.com/"><img src="https://www.burayaresimlinkigir.png" style="width:100%"></a></div>
</div>

<div style="text-align:center">
  <span class="dot"></span>
  <span class="dot"></span>
  <span class="dot"></span>
</div>

<script>
var slideIndex = 0;
Slidergoster();
function Slidergoster() {
    var i;
    var slides = document.getElementsByClassName("trgamersSlider");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex> slides.length) {slideIndex = 1}   
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block"; 
    dots[slideIndex-1].className += " active";
    setTimeout(Slidergoster, 6000);
}
</script>
 
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri