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

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «Для решения подобной задачи можно воспользоваться jQuery-плагинами. Скачиваем плагин, напри…»)
 
 
(не показана 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)%