| Autor | Zpráva | ||
|---|---|---|---|
| Paul Profil |
Zdravím, už si nevím rady a tak prosím o pomoc. Jedna se o img slider 9bitstudios.github.io/flexisel vše funguje ale potřeboval bych aplikovat jednu funkci která mě zobrazí dané obrázky až po jejich načtení.
Chci tuto funkci aplikovat z toho důvodu než se nečte daný slider tak jsou všechny obrázky která jsou ve slideru nejdříve zobrazeny pod sebou a až po načtení js se zobrazí normálně ve slider. Můj testovací web: dev.rewiz.eu Jedná se o tuto funkci: start: function(){
$('.flexImages').show();
}Můj JS: $(document).ready(function() {
$("#flexisel").flexisel({
animation: "slide",
animationLoop: false,
animationSpeed: 1500,
visibleItems: 1,
itemsToScroll: 1,
animationSpeed: 1500,
infinite: true,
autoPlay: {
enable: true,
interval: 5000,
pauseOnHover: true
},
start: function(){
$('.flexImages').show();
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 1,
itemsToScroll: 1
},
tablet: {
changePoint:768,
visibleItems: 1,
itemsToScroll: 1
}
}
});
});Můj html kód{ <div class="col-lg-4 col-lg-offset-4 m-t-xl">
<ul id="flexisel">
<li class="flexImages"><img async src="{$basePath}/img/logo_partner.png" /></li>
<li class="flexImages"><img async src="{$basePath}/img/logo_partner.png" /></li>
<li class="flexImages"><img async src="{$basePath}/img/logo_partner.png" /></li>
<li class="flexImages"><img async src="{$basePath}/img/logo_partner.png" /></li>
<li class="flexImages"><img async src="{$basePath}/img/logo_partner.png" /></li>
</ul>
</div> Všem děkuji za jakékoli rady. |
||
|
Časová prodleva: 10 let
|
|||
0