Смена баннеров без перезагрузки страницы — различия между версиями
Материал из Umicms
Gordeev (обсуждение | вклад) (Новая страница: «Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, напри…») |
Cmac (обсуждение | вклад) |
||
| Строка 1: | Строка 1: | ||
Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, например, здесь: | Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, например, здесь: | ||
* http://www.malsup.com/jquery/cycle/download.html | * http://www.malsup.com/jquery/cycle/download.html | ||
| − | Теперь в шаблон страницы необходимо добавить нужные фрагменты HTML-кода загруженного файла example.html в контексте UMI.CMS. | + | Теперь в шаблон страницы необходимо добавить нужные фрагменты HTML-кода загруженного файла '''example.html''' в контексте UMI.CMS. |
Строку | Строку | ||
<source lang="php"> | <source lang="php"> | ||
Версия 06:17, 18 октября 2011
Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, например, здесь:
Теперь в шаблон страницы необходимо добавить нужные фрагменты HTML-кода загруженного файла example.html в контексте UMI.CMS. Строку
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
добавлять не нужно, так как библиотека jQuery подключается самой системой.
Вместо строк
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" />
указываем макросы для вывода баннеров:
%banners insert(1)%
%banners insert(2)%
%banners insert(3)%
