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.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

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

Kullanıcı adını bilmediği yada bulamadığı bu eklentiyi istemektedir.

JaGGo

Sabit kullanıcı
Kullanıcı
Katılım
22 Ara 2017
Mesajlar
60
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>
 

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.