Ну по мне так это красиво.
Решил поделится как это сделать.
Читаем далее
Автор: XXX46
И так начнем ставить:
Качаем это:
Берем файл myinit.js и закидываем его в {THEME}/js/ предварительно создав эту папку. Если она есть то просто киньте туда этот файл.
Далее открываем файл styles.css находится он {THEME}/css/ и добавляем следующие строки:
Далее открываем файл main.tpl находится он в корне шаблона и добавляем туда строчку
Вставляем его перед тегом
Далее опять же в этом файле main.tpl вставляем куда вам удобно следующие:
Ну вот и все.
Качаем это:
Берем файл myinit.js и закидываем его в {THEME}/js/ предварительно создав эту папку. Если она есть то просто киньте туда этот файл.
Далее открываем файл styles.css находится он {THEME}/css/ и добавляем следующие строки:
div.mylimiter {width:500px;height: 166px;margin:10px auto 0;overflow:hidden;}
ul#mybanners li img{border: 1px solid #ccc; padding: 4px;}
ul#mybanners li img{border: 1px solid #ccc; padding: 4px;}
Далее открываем файл main.tpl находится он в корне шаблона и добавляем туда строчку
<script type="text/javascript" src="{THEME}/js/myinit.js"></script>
Вставляем его перед тегом
</head>
Далее опять же в этом файле main.tpl вставляем куда вам удобно следующие:
<div class="mylimiter">
<ul id="mybanners">
<li><a href="#"><img src="{THEME}/img/banner-youlife1.jpg" alt="Your Title" /></a></li>
<li><a href="#"><img src="{THEME}/img/banner-youlife2.jpg" alt="Your Title" /></a></li>
</ul>
</div>
<ul id="mybanners">
<li><a href="#"><img src="{THEME}/img/banner-youlife1.jpg" alt="Your Title" /></a></li>
<li><a href="#"><img src="{THEME}/img/banner-youlife2.jpg" alt="Your Title" /></a></li>
</ul>
</div>
Ну вот и все.
Примечание:
-----------------------
------------------------
В файле myinit.js
speed: 1000,timeout: 10000
speed: 1000 - скорость открытия изображения (мне нравится это значение)
timeout: 10000 - время через скоко будет другое изображение (10000 - 10 секунд; 4000 - 4 секунды и т.д)
speed: 1000,timeout: 10000
speed: 1000 - скорость открытия изображения (мне нравится это значение)
timeout: 10000 - время через скоко будет другое изображение (10000 - 10 секунд; 4000 - 4 секунды и т.д)
-----------------------
width:500px;height: 166px
width:500px - ширина картинки
height: 166px - высота картинки
Меняем в зависимости от параметра вашего изображения.
width:500px - ширина картинки
height: 166px - высота картинки
Меняем в зависимости от параметра вашего изображения.
------------------------
<a href= - указываем ссылку на сайт
<img src= - указываем путь на изображение
<li></li> - теги в даном случае играют роль количество изображений. Сколько будет таких тегов столько и будет изображений
<img src= - указываем путь на изображение
<li></li> - теги в даном случае играют роль количество изображений. Сколько будет таких тегов столько и будет изображений
Автор: XXX46