Смена изображения с помощью JS

Автор:   ‡   Дата: 28th Сентябрь 2011   ‡   Рубрика: Без рубрики   ‡  
spining.kiev.ua недавно приобрел недорогие карповые удилища для мастеров рыбалки в Киеве. .

Ну по мне так это красиво.Решил поделится как это сделать.Читаем далее

Автор: XXX46
И так начнем ставить:Качаем это: myinit.js.rar [1.32 Kb] (скачиваний файла: 179)Берем файл myinit.js и закидываем его в {THEME}/js/ предварительно создав эту папку. Если она есть то просто киньте туда этот файл.Далее открываем файл styles.css находится он {THEME}/css/ и добавляем следующие строки:
div.mylimiter width:500px;height: 166px;margin:10px auto 0;overflow:hidden;ul#mybanners li imgborder: 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>

Ну вот и все.

Примечание:
В файле myinit.jsspeed: 1000,timeout: 10000speed: 1000 — скорость открытия изображения (мне нравится это значение)timeout: 10000 — время через скоко будет другое изображение (10000 — 10 секунд; 4000 — 4 секунды и т.д)

————————

width:500px;height: 166pxwidth:500px — ширина картинкиheight: 166px — высота картинкиМеняем в зависимости от параметра вашего изображения.

————————

<a href= — указываем ссылку на сайт<img src= — указываем путь на изображение<li></li> — теги в даном случае играют роль количество изображений. Сколько будет таких тегов столько и будет изображений
Автор: XXX46
host:dle org ua | host:www dle org ua ·


Смотрите также:

Комментирование закрыто.