Смена баннеров без перезагрузки страницы

Материал из Umicms
Перейти к:навигация, поиск

Для решения подобной задачи можно воспользоваться 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)%