Смена баннеров без перезагрузки страницы — различия между версиями
Материал из Umicms
Gordeev (обсуждение | вклад) (Новая страница: «Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, напри…») |
Mad grant (обсуждение | вклад) |
||
| (не показана 1 промежуточная версия 1 участника) | |||
| Строка 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"> | ||
| Строка 27: | Строка 27: | ||
%banners insert(3)% | %banners insert(3)% | ||
</source> | </source> | ||
| + | [[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]][[Категория:Модуль Баннеры]] | ||
Текущая версия на 13:30, 5 июня 2013
Для решения подобной задачи можно воспользоваться 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)%
