Помощь Создание анимации перед загрузкой сайта на joomla 2.5

[Pulout]

Если без jquerty, вот тебе код предзагрузки:

<div class="preload"></div>
  <script>
    var preload = document.getElementsByClassName('preload')[0], i = 0;
 
    var timer = setInterval(function() {
      preload.innerHTML = i++ % 100;
    }, 100);
 
 
    window.onload = function() {
      clearInterval(timer);
      preload.innerHTML = 'Страница полностью загружена';
    };
  </script>

Не работает, ищю в чем ошибка...

вот скрипт оригинала индекса

Спойлер: index.php

<?php
/**
* @package Joomla.Site
* @CopyRight Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// Set flag that this is a parent file.
define('_JEXEC', 1);
define('DS', DIRECTORY_SEPARATOR);

if (file_exists(dirname(__FILE__) . '/defines.php')) {
include_once dirname(__FILE__) . '/defines.php';
}

if (!defined('_JDEFINES')) {
define('JPATH_BASE', dirname(__FILE__));
require_once JPATH_BASE.'/includes/defines.php';
}

require_once JPATH_BASE.'/includes/framework.php';

// Mark afterLoad in the profiler.
JDEBUG ? $_PROFILER->mark('afterLoad') : null;

// Instantiate the application.
$app = JFactory::getApplication('site');

// Initialise the application.
$app->initialise();

// Mark afterIntialise in the profiler.
JDEBUG ? $_PROFILER->mark('afterInitialise') : null;

// Route the application.
$app->route();

// Mark afterRoute in the profiler.
JDEBUG ? $_PROFILER->mark('afterRoute') : null;

// Dispatch the application.
$app->dispatch();

// Mark afterDispatch in the profiler.
JDEBUG ? $_PROFILER->mark('afterDispatch') : null;

// Render the application.
$app->render();

// Mark afterRender in the profiler.
JDEBUG ? $_PROFILER->mark('afterRender') : null;

// Return the response.
echo $app;

 

[a777d2]

Не работает, ищю в чем ошибка...

вот скрипт оригинала индекса

Спойлер: index.php

<?php
/**
* @package Joomla.Site
* @CopyRight Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// Set flag that this is a parent file.
define('_JEXEC', 1);
define('DS', DIRECTORY_SEPARATOR);

if (file_exists(dirname(__FILE__) . '/defines.php')) {
include_once dirname(__FILE__) . '/defines.php';
}

if (!defined('_JDEFINES')) {
define('JPATH_BASE', dirname(__FILE__));
require_once JPATH_BASE.'/includes/defines.php';
}

require_once JPATH_BASE.'/includes/framework.php';

// Mark afterLoad in the profiler.
JDEBUG ? $_PROFILER->mark('afterLoad') : null;

// Instantiate the application.
$app = JFactory::getApplication('site');

// Initialise the application.
$app->initialise();

// Mark afterIntialise in the profiler.
JDEBUG ? $_PROFILER->mark('afterInitialise') : null;

// Route the application.
$app->route();

// Mark afterRoute in the profiler.
JDEBUG ? $_PROFILER->mark('afterRoute') : null;

// Dispatch the application.
$app->dispatch();

// Mark afterDispatch in the profiler.
JDEBUG ? $_PROFILER->mark('afterDispatch') : null;

// Render the application.
$app->render();

// Mark afterRender in the profiler.
JDEBUG ? $_PROFILER->mark('afterRender') : null;

// Return the response.
echo $app;

Так не в этот индекс код вставляется, а в код шаблона templates/шаблон/index.php

 

[Pulout]

Спасибо, я понял. Сегодня попробую и отпишусь.

Оригинал Index.php шаблона:

Спойлер: Оригинал Index.php шаблона:

<?php
/**
* @package yoo_glass
* @AUTHOR YOOtheme Для просмотра ссылки Войди или Зарегистрируйся
* @CopyRight Copyright (C) YOOtheme GmbH
* @license Для просмотра ссылки Войди или Зарегистрируйся GNU/GPL
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

// include config
include_once(dirname(__FILE__).'/config.php');

// get warp
$warp = Warp::getInstance();

// load main template file, located in /layouts/template.php
echo $warp['template']->render('template');

Не понял куда вставлять... подскажите.

 

[a777d2]

Спасибо, я понял. Сегодня попробую и отпишусь.

Оригинал Index.php шаблона:

Спойлер: Оригинал Index.php шаблона:

<?php
/**
* @package yoo_glass
* @AUTHOR YOOtheme Для просмотра ссылки Войди или Зарегистрируйся
* @CopyRight Copyright (C) YOOtheme GmbH
* @license Для просмотра ссылки Войди или Зарегистрируйся GNU/GPL
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

// include config
include_once(dirname(__FILE__).'/config.php');

// get warp
$warp = Warp::getInstance();

// load main template file, located in /layouts/template.php
echo $warp['template']->render('template');

Не понял куда вставлять... подскажите.

все я понял, у тебя шаблон не самописный, а взят у YOOtheme, скажи какой у тебя шаблон, чтобы можно было помочь? так как там разные папки блоков могут быть, названия block, layout, include

 

[Pulout]

Приветствую, возможно вам это поможет:

Название шаблона: Для просмотра ссылки Войди или Зарегистрируйся
Если понадобятся css какие могу предоставить.

 

[Pulout]

Здравствуйте, хочу реализовать анимацию перед загрузкой сайта на joomla 2.5, вот что нашел в интернете, попробовал разместить все как в статье ничего не происходит, может есть у кого нибудь какие то мысли?
Установка
Для установки скрипта Вам не обязательно знать JavaScript. Просто следуйте инструкции.

1. Скачайте Для просмотра ссылки Войди или Зарегистрируйся
2. Загрузите содержимое на Ваш веб-сервер
3. Подключаем jQuery в коде вашей страницы (обычно подключается перед закрывающим тегом </head>).
   Если у Вас на сайте уже подключен jQuery, то пропустите этот пункт.

   <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

4. Добавьте следующий код в код вашей страницы, так же в хедер вашей страницы
   

   <link rel="stylesheet" href="css/queryLoader.css" type="text/css">
   <script type='text/javascript' src='js/queryLoader.js'></script>

   
   
5. Следующий код поместите в конец страницы
   

   <script type='text/javascript'>
       QueryLoader.init();
   </script>

Вот ссылка на статью Для просмотра ссылки Войди или Зарегистрируйся

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

 

[andystill]

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

Внимательно смотрите то, что Вам дают.
На выданной статье сама демка есть:

Спойлер: ТЫК