Смена баннеров без перезагрузки страницы — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
 
Строка 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)%