Здравствуйте вот интересное расширение смены лого
[RC1] Fade Header
подскажите как можно сделать что бы картинки менялись не через 10 секунд а при переключении на одну из тем. вот как здесь
расширение очень интересное думаю полезное будит многим
[RC1] Fade Header
подскажите как можно сделать что бы картинки менялись не через 10 секунд а при переключении на одну из тем. вот как здесь
расширение очень интересное думаю полезное будит многим
Комментарии: 25
Ссылкой, куда вы указываете на сайт motobratva, это не Fade Header, там другое, что то типа этого.
Но это для версии 3.0.
Но это для версии 3.0.
Последний раз редактировалось maco 18 фев 2015, 16:12, всего редактировалось 1 раз.
Скрипт fade.js:
Чем меньше число, тем чаще смена изображения.
Код: Выделить всё
var intID = setInterval(changeImg, 10000); // image changes every: in milliseconds /
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А ну да...
Скрипт осуществляющий это:
Изображения с названиями
Можно расширением реализовать, а проще просто в футер добавить и всё.
Скрипт осуществляющий это:
Код: Выделить всё
<script type="text/javascript">
document.getElementById("logo").href = "http://yousite.com/";
document.querySelector('div.headerbar').id = 'headerbar-custom';
var randomImage = Math.floor((Math.random() * 20) + 1);
document.getElementById("headerbar-custom").style.backgroundImage = "url(/i/header_bg_" + randomImage + ".jpg)";
</script>
header_bg_1.jpg
, header_bg_2.jpg
и тд. до 20 находятся в папке http://yousite.com/i/
. Можно указать другую папку, просто в скрипте поменять /i/
на свой путь.Можно расширением реализовать, а проще просто в футер добавить и всё.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
так туда надо указать путь картинки,вот тут у меня так на данный момент
.headerbar {
min-height: 180px;
background: transparent none repeat-x 0 0;
margin-bottom: 4px;
padding: 5px;
border-radius: 7px;
}
я так понял надо сделать типа так
background: url("путь картинки") repeat-x;
да а картинку отдельно в папку или с теми изображениями с названиями header_bg_1.jpg итд
добавил так вот ну ничего не изменилось
.headerbar {
min-height: 180px;
background: url("http://test1.ru/images/head_icons/header_bg_")
background: transparent none repeat-x 0 0;
margin-bottom: 4px;
padding: 5px;
border-radius: 7px;
}
Да по сути без разницы. Если в папку со стилем, то с такой ссылкой:
А если в папку с остальными картинками, то:
главное, чтобы в этом случае точки впереди не было.
Код: Выделить всё
background: url("./images/header_bg.jpg") repeat-x;
Код: Выделить всё
background: url("/папка с картинками/header_bg.jpg") repeat-x;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
Доброе время суток.
Есть такое расширение как Header Links. Живёт тут -
Спросил на phpbb.com но там молчёк. На сайте самого автора тема закрыта....