Vyvíjej vlastní projekty a expanduj do zahraničí! Přijď na 14. Affiliate konferenci v Praze
Zobrazují se odpovědi 1 až 7 z 7

Načtení paralaxu až po lazy nacteni obrazku na pozadi

  1. Ahoj,
    prosím o radu, resim toto.

    Mám element s obrázkem na pozadí. (Element je jižv tomto tvaru po načtení obrázku)

    Kód:
    <section id="tesimeSe" class="b-lazy jarallax b-loaded" style="background-image: url(&quot;https://xxx.cz/wp-content/uploads/2019/09/bg_tesime-se.jpg&quot;);">
      </section>
    Obrázek na pozadí se stáhne lazyloadem.

    Kód:
      var bLazy = new Blazy({
        success: function(ele){
                console.log(ele);
            },
            offset: 500,
    
            breakpoints: [{
        	     width: 768, // max-width
        		   src: 'data-src-sm'
             },
             {
         	     width: 1200, // max-width
         		   src: 'data-src-md'
              }
            ]
        });
    potřeboval bych, aby až poté co se obrázek načte se inicializoval paralax plugin takto.

    Kód:
      $('.jarallax').jarallax({
        speed: 0.2
      });

    Poradíte prosím jak na to?

  2. Co se právě děje na Webtrhu?
  3. Cílem je zavolat jarallax na ten element ve chvíli, kdy ho Blazy načte ... což ten je success ne? Nevím, jak to konkrétně napsat, musel bych to prozkoumat více, ale jde o princip.

    Kód:
    var bLazy = new Blazy({
        success: function(ele){
               $(ele).jarallax({
                    speed: 0.2
                });
            },
            offset: 500,
    
            breakpoints: [{
                 width: 768, // max-width
                       src: 'data-src-sm'
             },
             {
                 width: 1200, // max-width
                       src: 'data-src-md'
              }
            ]
        });

  4. To me taky napadlo ale nefunguje.

  5. Dle ofiko dokumenatce se na success s setTimeout řeší změna tříd. Takže v tu chvíli musí jít zavolat nějakej jinej JS kterej bude mířit na ten prvek. Akorát myslím, že nesmíš mít tu třídu na tom prvku "jarallax".

    Fakt nemáš nikde jinde chybu? Nemůžeš poslat odkaz na reálnou verz? Co dát část na codepen.

  6. Tady funguje jaralax
    Attention Required! | Cloudflare

    Tady funguje lazy load.
    Attention Required! | Cloudflare

  7. A hle, funguje :D Attention Required! | Cloudflare

    Musíš fakt dát z toho elementu všechny blbosti o jarallaxu pryč. Ve chvíli kdy sem dal pryč třídu "jarallax" a atribut "data-jarallax" tak se to u mě rozběhlo.

  8. Super, moc dekuju.

Hostujeme u Server powered by TELE3