folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Owl Carousel Item Yüklendiğinde Yüksekliğini Bulmak



Owl Carousel Item Yüklendiğinde Yüksekliğini Bulmak

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    neverland
    neverland's avatar
    Kayıt Tarihi: 08/Mayıs/2020
    Erkek
    $owl = $('#presentation-bar').owlCarousel({
              loop:false,
              margin:3,
              rewind: false,
              dots: false,
              responsiveClass:true,
              responsive:{
                0:{ items:5 },
                600:{ items:5 },
                1000:{ items:5 }
              }
            });
    
            //startIntervalPresentationCarousel();
    
            setTimeout(function () {
              let image_offset = $('#presentation-bar .item img').get(0).height;
              viewportHeight = BROWSER.HEIGHT - VIEWEROFFSET - (image_offset + 16);
              $('#viewer').css("height", viewportHeight);
              viewer.viewport.goHome();
              KTApp.unblockPage();
            }, 2500);

    Bir tane owl carousel çağırıyorum, bir butona basıldığında.

    Bu owl carousel slider'ının resim boyutuna göre tam ekran olan viewer'ımın yüksekliğini küçültmem gerekiyor.

    Direk,

    let image_offset = $('#presentation-bar .item img').get(0).height;

    Böyle aldığımda image_offset değeri 0 geliyor. Belli bir süre geçtikten sonra tarayıcıda yüksekliği görünüyor. Ben de timeout ile 2 buçuk saniye bekletip öyle alıyorum bu değeri. Böyle yapınca düzgün geliyor ama eğer çok çok çok fazla resim yüklersem owl carousel'e, bu sefer 2 buçuk saniye yeterli olmuyor.

    "image_offset değeri 0'dan büyük olana kadar bekle" demek istiyorum. Nasıl yapabilirim?


    Bir gece her zamanki gibi yatağına girip gözlerinin ağırlığına dayanamayıp huzurla uyuduğunu düşün. Sonrasında da hiç uyanmadığını düşünmeye çalıştığında aklında hiçbir şey canlanmayacaktır, çünkü beynin kapalıyken neler olup bittiğini bilemezsin, bu yüzden bu noktayı hayal edebileceğin bir veri yok elinde. Ölüm de tam olarak böyle bir şey. Uykunun 4. saatindeki hissettiklerin, yani; hiçlik, hissizlik. Varlığından ya da yokluğundan haberinin olmaması. Böyle düşününce ölüm biraz daha tanıdık geliyor, daha kabullenilebilir geliyor. Belki de içindeki o çılgın yaşama arzusuna sahip olan egonu ancak böyle ehlileştirebiliyorsun. Aksi halde çılgınca yaşama arzusuna sahip egon sana tanrılar yaratıyor, cennetler vaat ediyor, seni sonsuz bir yaşamın varlığı ve zevkleri ile kandırıyor.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    neverland
    neverland's avatar
    Kayıt Tarihi: 08/Mayıs/2020
    Erkek

    https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

     


    Bir gece her zamanki gibi yatağına girip gözlerinin ağırlığına dayanamayıp huzurla uyuduğunu düşün. Sonrasında da hiç uyanmadığını düşünmeye çalıştığında aklında hiçbir şey canlanmayacaktır, çünkü beynin kapalıyken neler olup bittiğini bilemezsin, bu yüzden bu noktayı hayal edebileceğin bir veri yok elinde. Ölüm de tam olarak böyle bir şey. Uykunun 4. saatindeki hissettiklerin, yani; hiçlik, hissizlik. Varlığından ya da yokluğundan haberinin olmaması. Böyle düşününce ölüm biraz daha tanıdık geliyor, daha kabullenilebilir geliyor. Belki de içindeki o çılgın yaşama arzusuna sahip olan egonu ancak böyle ehlileştirebiliyorsun. Aksi halde çılgınca yaşama arzusuna sahip egon sana tanrılar yaratıyor, cennetler vaat ediyor, seni sonsuz bir yaşamın varlığı ve zevkleri ile kandırıyor.
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    2021 Talihlisi
    Atakan
    Atakan's avatar
    Kayıt Tarihi: 13/Haziran/2012
    Erkek

    Up çekiyim Neverland hocama


    Çılgın şeyh Müritleri coşturuyor...
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cosmic
    Cosmic's avatar
    Kayıt Tarihi: 14/Haziran/2006
    Erkek

    owlcarouselin changed methodu ile denedin mi?       anladığım kadarıyla viewport yüksekliğini aktif slide da ki görsel yüksekliği kadar yapmak istiyorsun doğru mudur?


    Bittik biz bittik
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    neverland
    neverland's avatar
    Kayıt Tarihi: 08/Mayıs/2020
    Erkek
    Cosmic bunu yazdı

    owlcarouselin changed methodu ile denedin mi?       anladığım kadarıyla viewport yüksekliğini aktif slide da ki görsel yüksekliği kadar yapmak istiyorsun doğru mudur?

    evet hocam, ben bu konuyu açtığımı unuttum. Kusura bakmayın. Şöyle çözdüm, belki birinin işine yarar.

    Chrome hiç bir şekilde resimi yüklemiyor, o metotlar içinde. Hepsini denedim.

     
            let interval_thumbs;
            let timeout_thumbs = setTimeout(function () {
              clearInterval(interval_thumbs)
            }, 10000); // destroy interval after 10 seconds to prevent memory leak
            interval_thumbs = setInterval(function () {
              let image_offset = $('#presentation-bar .item img').get(0).height;
              if (image_offset > 10) {
                viewportHeight = BROWSER.HEIGHT - VIEWEROFFSET - (image_offset + 16);
                $('#viewer').css("height", viewportHeight);
                KTApp.unblockPage();
                $owl.trigger('to.owl.carousel', PRESENTATIONPAGE);
                clearInterval(interval_thumbs);
                clearTimeout(timeout_thumbs);
                // clear both timeout and interval
              }
            }, 100); // loop every 100 milliseconds to "poll" for the node in the dom

     

    neverland tarafından 15/Ağu/20 01:54 tarihinde düzenlenmiştir

    Bir gece her zamanki gibi yatağına girip gözlerinin ağırlığına dayanamayıp huzurla uyuduğunu düşün. Sonrasında da hiç uyanmadığını düşünmeye çalıştığında aklında hiçbir şey canlanmayacaktır, çünkü beynin kapalıyken neler olup bittiğini bilemezsin, bu yüzden bu noktayı hayal edebileceğin bir veri yok elinde. Ölüm de tam olarak böyle bir şey. Uykunun 4. saatindeki hissettiklerin, yani; hiçlik, hissizlik. Varlığından ya da yokluğundan haberinin olmaması. Böyle düşününce ölüm biraz daha tanıdık geliyor, daha kabullenilebilir geliyor. Belki de içindeki o çılgın yaşama arzusuna sahip olan egonu ancak böyle ehlileştirebiliyorsun. Aksi halde çılgınca yaşama arzusuna sahip egon sana tanrılar yaratıyor, cennetler vaat ediyor, seni sonsuz bir yaşamın varlığı ve zevkleri ile kandırıyor.
Toplam Hit: 1290 Toplam Mesaj: 5
jquery owl carousel 2