Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

Главная Статьи Блог jquery перезагрузка страниц в joomla
jquery перезагрузка страниц в joomla

Создаем красивый эффект перезагрузки страницы в joomla

С самого начала нам понадобится CSS вашего шаблона ( чаще всего это layout.css) - в нем необходимо поменять свойства тега #content:

#content { display: none; }

а в index.php  вашего шаблона добавляем между тегами HEAD

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript" src="/js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {         $("#content").css("display", "none");
      $("#content").fadeIn(1000);
      $("a").click(function(event){
            event.preventDefault();
            linkLocation = this.href;
            $("#content").fadeOut(1000, redirectPage);        
      });
          function redirectPage() {
            window.location = linkLocation;
      }    });
</script>

 

уделю внимание FadeIn и FadeOut - в Jquery  около 20 различных эффектов, так что можете вмместо плавного появления зделать  что угодно хоть выезжание страницы сбоку-просто замените в скрипте .fadeOut  на другой эффект....

и по поводу - если у вас уже где то в шаблоне используется 

jquery то просто укажите ссылку  на него

 

ВНИМАНИЕ -КОНФЛИКТУЕТ С НЕКОТОРЫМИ ПРИЛОЖЕНИЯМИ

 

Комментарии

0ChakiVetal26.05.2012 01:12#1
А вот без файлика jquery-1.4.1.min.js вряд ли заработает... Прикрепить бы ))
Цитировать

Добавить комментарий


Защитный код


Литература

8 видеоуроков по…

На днях популярная и известная студия по разработке шаблонов и…

Joomla!…

Если вы часто создаете сайты на CMS Joomla! 1.6, 1.7 или 2.5 то вы…

10 легких шагов к…

Прочитав книгу Хагена Графа «10 легких шагов к освоению Joomla! 3.0»…

Joomla! 2.5 -…

Книга «Joomla! 2.5 - Руководство для начинающего пользователя»…

Инструменты

Akeeba SiteDiff

При создании сайта, всегда есть вероятность того что он будет взломан…

Morph Framework

Последняя обновленная и уже совершенно бесплатная версия фреймворка…

CodeLobster PHP…

Очень мощный и многофункциональный редактор РНР, HTML, CSS,…

JB Zen Grid Framework…

Последняя обновленная версия фреймворка Zen Grid от студии…