Workshop FORPSI Cloud rozptýlí vaše obavy z použití cloudu
Zobrazují se odpovědi 1 až 12 z 12

BXslider a zobrazení v modálním okně (boostrap)

  1. Ahoj,

    řešil už někdo potíže ohledně zobrazení BX slideru v modálním okně bootstrap?

    Mám více modálních oken a myslel jsem, že to poběží najednou ve všech. Otevřu první modální okno, vše běží. Otevřu druhé a nic. Když otevřu znovu první, zase to běží.

    Kód:
                $(document).on('ready', function () {
    
                    $('.modal').on('shown.bs.modal', function (e) {
                        console.log('spust');
                      
                        $('.bxslider').bxSlider({
                            auto: true,
                            autoControls: false,
                            stopAutoOnClick: false,
                            pager: false,
                            slideWidth: 600,
                            speed: 3000,
                            mode: 'fade'
                        });
    
                    });
    
                });
    Jak to ale jinak udělat? Chtělo by to nějaký reload asi, ale žádné řešení jsem nenašel, když to běží v modálním okně.

  2. Co se právě děje na Webtrhu?
  3. Zkus toto:
    Kód:
    $('.modal').each(function() { 
     $('.modal').on('shown.bs.modal', function (e) {
                        console.log('spust');
                      
                        $('.bxslider').bxSlider({
                            auto: true,
                            autoControls: false,
                            stopAutoOnClick: false,
                            pager: false,
                            slideWidth: 600,
                            speed: 3000,
                            mode: 'fade'
                        });
    
                    });
    })

    I když to je vlastně nesmysl si teď uvědomuji :D
    Naposledy upravil Dunky45 : 17.08.2018 v 13:36

  4. Co tohle ? úplně dole je codepen.

    Bootstrap modal and BXslider not working - Stack Overflow

  5. Jsem trošku dál, ale pořád to zlobí...

    Mám jedno modální okno a v tom BXslider. Dynamicky si tam natahauji snímky. Záleží jaký produkt člověk rozklikne. Jenže ten hajzlík si pamatuje, kde skončil a pořád běží na pozadí. A já prostě nevím, jak ho stoupnout. Zkusil jsem už vše...

    Takže když modální okno zavřete u třetího snímku a otevřete ho znovu u jiného produktu, tak se vám načte rovnou třetí nebo už čtvrtý snímek. Což je blbý...

    Kód:
                $(document).on('ready', function () {
    
                    $('.modal').on('shown.bs.modal', function (e) {
                        console.log('spust');
                      
                        $('.bxslider').bxSlider({
                            auto: true,
                            autoControls: false,
                            stopAutoOnClick: false,
                            pager: false,
                            slideWidth: 600,
                            speed: 3000,
                            mode: 'fade'
                        });
    
                    });
    
                });

  6. Co něco takového? Píši to z hlavy. Jestli chápu správně, že těch více oken nemáš otevřených najednou.

    Kód:
    $(document).on('ready', function() {
    
                $('.modal').on('shown.bs.modal', function(e) {
                    console.log('spust');
    
                    slider = $('.bxslider').bxSlider();
                    slider.reloadSlider();
    
                        $('.bxslider').bxSlider({
                            auto: true,
                            autoControls: false,
                            stopAutoOnClick: false,
                            pager: false,
                            slideWidth: 600,
                            speed: 3000,
                            mode: 'fade'
                        });
    
                    });
    
                });

  7. Presne tak. Modalni okno je jen jendo. Nacitam si do nej ale ruzne obrazky.

    Problem je ten, ze vzdy kdyz jsem zkousel vec podobnou tve, dostal jsem chybu ze je vzdycky objekt not defined. Zkusim to tve jeste.

  8. Jo, je to tak... je tam slider.reloadSlider is not a function

  9. Citace Původně odeslal musil.david Zobrazit příspěvek
    Jo, je to tak... je tam slider.reloadSlider is not a function
    Asi používáš nějakou jinou knihovnu. Nejlepší by bylo hodit třeba link, nebo alespoň jakou knihovnu používáš :)

  10. Je to ofiko zdroj: http://bxslider.com/ a k tomu je tam nejnovejsi bootstrap. Na forech je toho spousta, ale ze by to nekdo kloudne vyresil, to jsem nenasel.

    Jak docilit toho, aby se ten slider reloadnul. Tenhle tvuj kod to v podstate ma delat, ale nedela a zahlasi to "is not a function".

    Nekdo radil definova ten bxslider mimo $(document).on('ready', function () {, ale taky nic...

  11. To je divné. Ještě by mělo pomoci destroySlider vzhledem k tomu, že ho vždy voláš společně s modal ale jestli nejde reload, tak to asi neklapne ani toto.

  12. Ja se obavam, ze tim ze jede v modalu, tak je v nejake "jine vrstve" objektu a proste to k tomu nema pristup.

    Zajimave je, ze ho musim definovat az v te udalosti, kdy modal oteviram. Kdyz to udelam jinde, tak to nejede. A proto me zarazi proc v te udalosti otevreni nejde jednoduse nejak restartnout, aby to porad nebezelo v te smycce.

  13. Kód:
    $(document).on('ready', function() {
    
                $('.modal').on('shown.bs.modal', function(e) {
                    console.log('spust');
    
                    var slider = $('.bxslider').bxSlider({
                            auto: true,
                            autoControls: false,
                            stopAutoOnClick: false,
                            pager: false,
                            slideWidth: 600,
                            speed: 3000,
                            mode: 'fade'
                        });
    				setTimeout(function() {
    					slider.reloadSlider();}, 200);
    
                    });
    
                });

Hostujeme u Server powered by TELE3