L

jQuery bxSlider

Az egyik jelenlegi projectnél használni kell egy slideshow plugint, nekem a bxSlider lett a kiskedvenc anno. Nem tudom megmondani miért. Egyszerűen csak tetszik.

Ezzel eddig nem is lenne gond, de felmerült egy apró "bug". Mikor auto-slide-on van a plugin, akkor lapozás után nem indul el újra…

Tehát gyors Googlizás. Kiderült, hogy nem csak nekem van gondom ezzel, és a program hibaoldalán is többen jelezték már, hogy ez egy létező probléma.

Ami kiderült, hogy oldalra lapozás után automatikusan megállítja magát a script. Okát nem látom, a kódot bújni nincs "erőm" (=idő), így maradt a foltozás. Erre 2-3 megoldást is írtak a többiek, nekem a legkézenfekvőbb az volt, amit legvégén írt sammygf:

$(".bxSlider").bxSlider({
    auto: true,
    autoControls: true,
    onSlideAfter: function() {
        $('.bx-start').trigger('click');
    }
});

Tehát minden slide-olás után automatikusan kattint a start gombon :) ez eddig szép, de mivel én nem jeleztetem ki a start-stop gombot, itt pedig kirakatjuk a programmal, így azt el kell tüntetni. Valami miatt nekem a sima sammy által is említett CSS nem működött, így egyszerűbb megoldást kerestem:

sammy féle CSS:

.bx-start {
    display: none;
}

Ez alapból is csak a start gombot lövi le.

Leoamros féle CSS:

.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
    display: none;
}

Semmi extrát nem tettem, csak pontosabban határoztam meg a css szabályt.

Tehát, ha nem megy a bxSlider miután lapoztál egyet, ez a néhány sor megoldja a problémát. Persze össze lehet építeni a többi beállítással is.

Leoamros

X

Üdv! Ha még személyesen nem ismerjük egymást, Smajda László vagyok, de szólíts csak egyszerűen Laccának vagy Leoamrosnak. Olyan netbúvároknak osztom az észt, akik szárnyaikat próbálgatják a PHP, MySQL, JavaScript világában, és elakadnak valamelyik folyamat során. Főleg a saját tapasztalatokat írom le, ettől függetlenül kérdezhetsz bátran, lehetőségeimhez mérten válaszolok.

Kategóriák
Címkék
Social Media
Eszközök