Я пытаюсь предварительно загрузить некоторые фоновые изображения, которые отлично работают. Но когда скрипт завершает работу и переходит на мой сайт, некоторые скрипты/плагины не работают... (Waypoints, Fancybox)
Но все остальные, такие как Skrollr, jPlayer и т. д., работают нормально.
Вот мой код...
function preloadTrees() {
var treesIndex = '0';
var trees = $('.tree > span.preload');
nextTree();
function nextTree() {
console.log('Tree (' + treesIndex + ') of (' + trees.length + ')');
if (treesIndex == trees.length) {
alert('All Images Loaded (' + trees.length + ')');
preloadUI();
}
else {
var currentTree = trees[treesIndex++];
if (currentTree) {
var currentTreeObj = $(currentTree);
var month = currentTreeObj.data('month');
console.log('Loading Tree - ' + month);
var treeImage = new Image();
if (isiPad) {
var path = '../assets/images/sprite-trees-' + month + '@2x.png';
}
else {
var path = '../assets/images/sprite-trees-' + month + '.png';
}
treeImage.src = path;
treeImage.onload = function() {
$('span.' + month).each(
function(){
$(this).css('background-image', 'url(' + path + ')');
}
);
console.log('Image Loaded ' + path);
nextTree();
}
}
}
}
}
Часть, которую я сузил, это:
treeImage.onload = function() {
Если я уберу это, весь сайт будет работать.
С чего бы это?