У меня всё нормально работает: http://demo.g63.ru/gal/index.html
Попробуй использовать другую версию jQuery.
Я для примера подключил с репозитария Google. Проверено — работает с версией 1.3-1.5.

Сейчас поищу ошибку, почему не работает с более новыми библиотеками.

Не получилось найти данную строчку, не мог бы скинуть готовый файл jquery.js?

К сожалению не помогло((

http://rghost.ru/36878451

Не из-за этого. Во-первых, файл Россия.jpg есть на компе, просто в архив его не добавил, а во-вторых, изменил название, но все равно не прет.)))

Спасибо большое, проблема на самом деле была в ссылках типа , всё заработало)))

Можно, но я бы не рекомендовал, ибо проблем будет много — не установлен флеш (например на мобильных системах), установлен flashblock — в этих случаях пользователи будут видеть черный экран и ни чего не понимать. Так ещё и флеш обычно весит очень много — пользователи устанут ждать. Лучше сделать подобное в самом флеше.

1) Наверное потому что не успевают подгрузиться скрипты. Скрипт прелоадера и jQ лучше ставить в хедере, а не как рекомендуется — в конце документа.
2) По второму пункту — надо смотреть пациента. И ты пробовал качать архив указанный в комментариях, он пофикшен для новых версий jQ?

А как сделать, чтобы он открывался только на главной странице в джумла?

Джумлу не знаю. Скорее всего там должен быть файл отвечающий за главную страницу. Вот там и надо добавить код. Точно не скажу.

И как сделать, чтобы показывался только при первом посещении, при последующих нет. Как я понимаю через куки, но как это реализовать?

Ради первого посещения ставить его не имеет смысла. Ибо скрипт будет грузиться параллельно с графикой после загрузки самой страницы.
Т.е. пользователи сначала увидят страницу без графики, потом этот лоадер, а потом уже полную страницу.

Реализовать можно и через куки. Достаточно подробно подобное расписано в статье

Нашел решение!
Нужно в файле queryloader.js найти условие

if ($(this).css("background-image") != "none") {
	var url = $(this).css("background-image");
} else if (typeof($(this).attr("src")) != "undefined" && $(this).attr("tagName").toLowerCase() == "img") {
	var url = $(this).attr("src");
}

И поменять на

if (typeof($(this).attr("src")) != "undefined" && $(this).attr("tagName").toLowerCase() == "img") {
	var url = $(this).attr("src");
}

т.е. мы убираем первую часть условия, т.к. она устарела в связи с появлением новых параметров CSS3.
Далее идет обработка вариантов url’s вот она то и устарела,т.к. в «background-image» уже давно может быть всё что угодно кроме адреса к изображению.

url = url.replace("url(\"", "");
url = url.replace("url(", "");
url = url.replace("\")", "");
url = url.replace(")", "");

У меня например запарывалось на градиенте.

Почему проблемы с хромом?

Правка W_A_S_A_B_I немного не рациональна.
У меня на сайте очень много графики сделано как раз через «background-image», но при этом в этом свойстве попался и градиент.
В итоге
-без правки виснет
-с правкой толку нет от модуля

Предлогаю Менять на следующий код

Здаров, ребят. Как мне сместить фон лоадера пикселей на 30 влево? дело в том, что нативной полосы прокрутки у меня нет, а это место отведено под неё, я так понимаю, и лоадер работает, но на экране слева на 30px виден сайт.

Сделал по инструкции , прелоадер не запускается

Всем привет!
Подскажите, как после раскрытия шторки серый цвет заменить на белый?
Фон моего сайта белый и так выглядело бы гораздо красивее.
Спасибо.

Большое спасибо, нашел.
Еще такой вопрос: на верхнюю часть шторки хочу вставить логотип, а на нижнюю — слоган. Как это сделать (желательно с минимальным использованием JS).
Заранее благодарен за ваши ответы.

Понял, получилось 🙂
Еще вопрос: на мобильных анимация на протяжении всего ее действия отображается в левом верхнем углу экрана (не во всю ширину и высоту). Добавление свойств height i width по 100% не помогло.
Есть идеи, как это исправляется?
Спасибо.

Здравствуйте подскажите пожалуйста сделал все как написано но когда заходишь на сайт сначала мелькает главная страница а потом появляется анимация!Как сделать чтоб сразу анимация была??
сайт http://boutique-shop.zz.mu/

Кстати когда я просто сделал все по описанию было нормально, но когда я прописал

http://prntscr.com/7rf2a4

чтоб грузился скрипт только на главной, начало мелькать(((Может я не правильно что то прописал т.к. я самоучка и многих нюансов не понимаю
Можно поподробнее как настроить сервер, использую хостинг от hostinger.com.ua

На локалке работает. На хостинге висит!

Спасибо большое. С грехом пополам я все-таки смог установить.

Родион, за саму анимацию отвечает функция animateLoader, а создаётся анимация, вроде, в spawnLoader

На строке

QueryLoader.overlay = $("
").appendTo($(QueryLoader.selectorPreload));

Далее ему назначается класс QOverlay

Самое простое: по этому классу прописать через стили необходимую картинку фоном или через псевдоэлементы before/after.

Либо, вариант сложнее: по образу и подобию создания следующего элемента QueryLoader.loadBar — добавить свой элемент с необходимой тебе картинкой.

Да, про такое примерно и говорил.

Только .QOverlay :before и .QOverlay :after — пробелы не нужны.

Чтобы работало у псевдоэлементов before и after обязательно надо указывать высоту, ширину, content (хотя бы пустым content:""), а также display:block или position:absolute

На эти псевдоэлементы тоже можно накладывать CSS или JS анимацию.

Доброго времени суток. Большое спасибо за статью. У меня не большая проблема, может сможете помочь, не срабатывает completeAnimation: «grow».
Просто исчезает после скролинга а не раздвигается. По всякому уже пробовал. Сайт: https://mir-kino.online Спасибо.