Şimdi Ara

Javascript FadeIn FadeOut

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
3
Cevap
0
Favori
457
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhabalar, küçük bir slide işleminde js fadeIn ve fadeOut kullanıyorum. fadeIn önce yapıp fadeOut'u sonra yapmasını bit türlü sağlayamadım, yardımcı olur musunuz?

    var images = ['assets/images/deneme/img1.jpg','assets/images/deneme/img2.jpg','assets/images/deneme/img3.jpg'];
    var image = $('.cover_image');

    setInterval(function(){

    image.fadeOut(500, function () {
    image.css('background-image', 'url(' + images +')');
    image.fadeIn(500);

    });
    if(i == (images.length - 1)){
    i = 0;
    } else {
    i++;
    }
    }, 5000);
    })



  • Kesin olmamakla birlikte bence şu sebepten olabilir. Javascript asenkronize bir dildir. Kelimeyi yanlış söylemiş olabilir karıştırıyorum :)

    Ancak demek istediğim diğer dillerdeki gibi kodlar yukarıdan aşağı çalışmaz eğer bir fonksiyonu bir tanesinden sonra çalıştırmak istiyorsan callback veya promise kullanman gerekiyor.



    Örnek telefondan yazıyorum hatalı olabilir



    var onceinsonraout = funtion(hangisi,callback){

    //fadein ve outu buraya ayrı değişkenle koyup switchlr çağırabilirsin

    If(hangisi)

    Fadeinkodu burda

    callback(hangisi ==1 ? 0 : 1)

    } else {

    Tam tersi burada

    }



    }

    Bu kodun çalışmadığına eminim ama telefondan bukadar yazabildim mantığını anladıysan yeterlidir.

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • JavaScript ile uğraşmana gerek yok CSS3 animasyon ile yapabilirsin ->https://jsfiddle.net/cmd64/ssnLkzvz/



    < Bu mesaj bu kişi tarafından değiştirildi bgshadow -- 19 Mayıs 2018; 14:25:11 >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.