Заставка для сайта
 

[РЕШЕНО] Доброго времени суток! :agree:

Подскажите пожалуйста как сделать что-то подобное: amb2.ru

Интересует плавное появление и плавное исчезновение логотипа (картинки), далее плавно появляется сам сайт.

Появление заставки после каждого обновления страницы (F5).
Переходы по страницам сайта реализовано с помощью tabs

Брал код с amb2.ru и подставлял на Свой сайт <script>logo.js</script> с кодом:

/*Подгрузка контента*/
function initializedDOM(){
$("#all").hide();
$(".prevLogo").fadeIn(3000,
function() { $(this).fadeOut(3000,
function(){$(".prevLogo").remove();$(".container") .fadeIn(3000);});});}

подставил Свои значения и не загружается.

Классы "prevLogo", "container" и id="all" присутствуют в разметке? Функция initializedDOM вызывается где-то? jQuery подключен?

да. все есть в разметке / jQuery подключен.

Функция initializedDOM не вызывается, не знаю как!

т.е. лежит мертвым грузом на странице?
В первоисточнике она вызывается так:

$(document).ready(initializedDOM);

после добавления: $(document).ready(initializedDOM);

Ошибка: Uncaught TypeError: Object#<HTMLDocument> has no method 'ready'

?!

Опечатка :agree:

Ошибка возникает при использовании jQuery и mooTools, отключив mooTools, появилась следующая ошибка:

Ошибка: Uncaught TypeError: Property '$' of object [object Object] is not a function



Ну а если другим методом сделать данную заставку?

заработало?

да, заработало) спасибо за помощь в мозговании)

исходный код logo.js:

$(document).ready(initializedDOM);
/*Подгрузка контента*/
function initializedDOM(){
$("#all").hide();
$(".prevLogo").fadeIn(3000, function() { $(this).fadeOut(3000, function(){$(".prevLogo").remove();$("#all").fadeI n(3000);});});
}

и нужно было установить JB Library CMS Joomla! 3.0 и отключить "Remove other jQuery"