We had a slider that we liked. It had live text, which was a bonus.
We were on a super slow network.

Symptoms: Jumbled live text was showing up during loading down in the bottom left corner of the slider box. Not pretty.

Solution: This is not fancy Javascript. This is practical Javascript.

(document).ready happens before (window).load. Hide the headers, buttons, and ul dots on page-hit. Make them show back up when loading is done (unless we don't want to... like the bullets on the ul.). Easy peasy.


$(document).ready(function() {
$('.big_black_sp').css('display','none');
$('.medium_blue_sp').css('display','none');
$('.caption .button').css('display','none');
$('.mainslider ul').css('list-style','none');
});
$(window).load(function(){
$('.big_black_sp').css('display','block');
$('.medium_blue_sp').css('display','block');
$('.caption .button').css('display','block');
});