Neler yeni

Foruma hoşgeldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

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

  • Konuyu Başlatan Konuyu Başlatan JaGGo
  • Başlangıç tarihi Başlangıç tarihi
Kullanıcı adını bilmediği yada bulamadığı bu eklentiyi istemektedir.

JaGGo

Sabit kullanıcı
Kullanıcı
Katılım
22 Aralık 2017
Mesajlar
60
Tepkime puanı
16
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.

Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
 
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>
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

  • Geniş / Dar görünüm

    Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

    Izgara görünümlü forum listesi

    Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

    Resimli ızgara modu

    Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

    Kenar çubuğunu kapat

    Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

    Sabit kenar çubuğu

    Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

    Köşe kıvrımlarını kapat

    Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

  • Zevkini yansıtan renk kombinasyonunu seç
    Arkaplan resimleri
    Renk geçişli arkaplanlar
Geri