Jquery jak zkrátím čas kdy má preloader zmizet u tohoto scriptu?

19. 10. 2018 15:54:05

Když vyměním steptime za číslo...tak to nereaguje....

jQuery(function($){

var width = 100,
	    perfData = window.performance.timing, // The PerformanceTiming interface represents timing-related performance information for the given page.
	    EstimatedTime = -(perfData.loadEventEnd - perfData.navigationStart),
	    time = parseInt((EstimatedTime/1000)%60)*100;

var preloader = document.querySelector(".preloader-plus");
			$('body').prepend(preloader);

var progBar = document.querySelector(".prog-bar"),
      start = 0,
      end = 70,
      duration = time,
			counter = document.getElementById("preloader-counter");

animateValue(progBar, start, end, duration);

function animateValue(element, start, end, duration) {

var range = end - start,
    	current = start,
    	increment = end > start? 1 : -1,
    	stepTime = Math.abs(Math.floor(duration / range)),                            
    	obj = element;

});

19. 10. 2018 15:54:05

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370387

Liscata

(8 hodnocení)

19. 10. 2018 18:19:40

co vyměnit END za menší číslo? teď asi plácám, jsem dneska mimo realitu, ale asopň blbej pokus (předem se omlouvám za kravinu)

---------- Příspěvek doplněn 19.10.2018 v 18:21 ----------

taky bych se podíval na řádek time = ... tam bych možná taky poupravil hodnoty.. místo *100 menší hodnotu.. třeba ... pokus omyl... nevímm.... plácám možná hovadiny.... dneska se v tomto omlouvám, ale aspoň snaha (i když mám debilníá den)

19. 10. 2018 18:19:40

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370386

Petr Gargulák

(12 hodnocení)

19. 10. 2018 18:35:05

Jestli máš čas je to plugin preloader plus...na wordpress...a má tam tenhle script...to co si říkal mi nereaguje...view-source:https://domia.cz/wp-content/plugins/preloader-plus//assets/js/preloader-plus.min.js

zde odkaz na plugin https://wordpress.org/plugins/preloader-plus/ administráci má na frontend administraci....

19. 10. 2018 18:35:05

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370385

Michal Jeřábek

20. 10. 2018 09:26:47

Zkrátit to jde v podstatě jen tím, že se zkrátí doba načítání stránky. Ten plugin ale na to používá API (PerformanceTiming), které bylo nahrazené jiným, takže to jednoho dne nejspíš přestane fungovat úplně.

---------- Příspěvek doplněn 20.10.2018 v 09:36 ----------

Maximálně by mohlo jít změnit nastavení preloader_plus.animation_delay, kde je momentálně nastaveno 500 (tedy dát tam 0).

20. 10. 2018 09:26:47

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370384

Petr Gargulák

(12 hodnocení)

20. 10. 2018 09:37:58

takže žádnou hodnotou někam se tam nedá ta třída, ta která to nechá zmizet... s opacity 0...

CO BYSTE POUŽIL CO BY FUNGOVALO LÉPE..NAČÍTÁ TO S W3 TOTAL CACHCE DOBŘE, ALE NA MOBILU TO DÁ, AŽ ČTYŘI CYKLY GIFU.....COŽ JE MOC...TO UŽ JE DÁVNO NAČTENÉ...A POŘÁD TO NAČÍTÁ....

20. 10. 2018 09:37:58

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370383

Michal Jeřábek

20. 10. 2018 10:46:11

S WP nedělám, takže lepší plugin vám nedoporučím.

Ono to na tom mobilu nejspíše načtené nebude, protože doba mezi spuštěním pluginu a odstraněním preloaderu zase není tak velká (déle spíš trvá spuštění toho pluginu). Je ale možné, že obsah by mohl jít vidět o něco dříve.

Tohle je ale poměrně snadná věc na naprogramování. Na celý plugin bych se vykašlal a jenom při události DOMContentLoaded bych tomu preloaderu přidal třídu, která ho skryje. Stejně zbytek té funkcionality pluginu nepoužíváte.

20. 10. 2018 10:46:11

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370382

Petr Gargulák

(12 hodnocení)

20. 10. 2018 11:54:15

šoupnul jsem tam toto a je to super..jednou se přehraje gif....

jQuery(window).load(function() {

jQuery(".loader").fadeOut("slow");

jQuery("#overlayer").delay(400).fadeOut("slow");

});

20. 10. 2018 11:54:15

https://webtrh.cz/diskuse/jquery-jak-zkratim-cas-kdy-ma-preloader-zmizet-u-tohoto-scriptu/#reply1370381