Аватара пользователя Resistant 18 фев 2015, 13:03

[RC1] Fade Header

Здравствуйте вот интересное расширение смены лого
[RC1] Fade Header

подскажите как можно сделать что бы картинки менялись не через 10 секунд а при переключении на одну из тем. вот как здесь

расширение очень интересное думаю полезное будит многим
Комментарии: 25

maco 18 фев 2015, 14:46 Сообщение

Ссылкой, куда вы указываете на сайт motobratva, это не Fade Header, там другое, что то типа этого.
Но это для версии 3.0.
  • 0
Последний раз редактировалось maco 18 фев 2015, 16:12, всего редактировалось 1 раз.

CabinetAdmin 18 фев 2015, 15:02 Сообщение

Скрипт fade.js:

Код: Выделить всё

var intID = setInterval(changeImg, 10000); // image changes every: in milliseconds /   
Чем меньше число, тем чаще смена изображения.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 18 фев 2015, 16:05 Сообщение

CabinetAdmin писал(а): Чем меньше число, тем чаще смена изображения.
так в этом расширении не получится сделать так что бы картинка менялась при переходе с темы в другую тему
  • 0

CabinetAdmin 18 фев 2015, 16:38 Сообщение

А ну да...

Скрипт осуществляющий это:

Код: Выделить всё

<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/ на свой путь.
Можно расширением реализовать, а проще просто в футер добавить и всё.
  • 2
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 18 фев 2015, 16:59 Сообщение

Спасибо за скрипт ,так его надо в overall_header.html,добавлять,и скажите куда именно его добавить?
  • 0

CabinetAdmin 18 фев 2015, 17:37 Сообщение

CabinetAdmin писал(а): проще просто в футер добавить и всё.
Перед </body>
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 18 фев 2015, 18:11 Сообщение

Что то ничего у меня не вышло,создал я папку head_icons в папке images ,закинул туда все логотипы ,в overall_footer.html перед </body> закинул скрипт и сменил путь к папке ,логотипы не открываются
+overall_footer.html
  • 0

maco 18 фев 2015, 18:15 Сообщение

В скрипте http://yousite.com/" замените на свой.
  • 1

Resistant 18 фев 2015, 18:54 Сообщение

Все получилось,ну картинки запускаются через раз,может из за того что размер шапки на форуме не подходит,картинки 1150x 190 ,а на форуме надо менять размер, вот так выглядит и какой шаблон отвечает за размер шапки
Изображение
  • 0

CabinetAdmin 18 фев 2015, 19:47 Сообщение

Добавьте в common.css к .headerbar { - min-height: 190px;. Значение меняйте на своё.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 18 фев 2015, 22:37 Сообщение

Спасибо большое за помощь ну все равно как то работает не так ,включил форум пустое место,открываешь форум пусто,пару раз обновил страницу картинка появилась ,вышел с форума пусто ,та же сама процедура раза три обновляю появляется
+скрин
  • 0

CabinetAdmin 19 фев 2015, 15:28 Сообщение

Попробуйте добавить одно изображение через стили, в качестве шапки по умолчанию, к тому же классу - .headerbar {.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 19 фев 2015, 15:40 Сообщение

CabinetAdmin писал(а): Попробуйте добавить одно изображение через стили, в качестве шапки по умолчанию, к тому же классу - .headerbar {.
так туда надо указать путь картинки,вот тут у меня так на данный момент
.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;
}
  • 0

CabinetAdmin 19 фев 2015, 16:04 Сообщение

Да по сути без разницы. Если в папку со стилем, то с такой ссылкой:

Код: Выделить всё

background: url("./images/header_bg.jpg") repeat-x;
А если в папку с остальными картинками, то:

Код: Выделить всё

background: url("/папка с картинками/header_bg.jpg") repeat-x;
главное, чтобы в этом случае точки впереди не было.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы