ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Прыгающий ХТМЛ

Сообщений 1 страница 9 из 9

1

Не совсем понял почему картинка то отображается, то не отображается.
http://alariaw.ru/viewtopic.php?id=1259#p99105 - ссылка.

Код (через скрипт "хтмл в посте"):

Код:
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:1000px;"><!-- Ротатор произвольного контента -->
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
</div>
<script language="javascript">
var sek = 1000;  // Время отображения
var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

Отредактировано Пернатый (14.01.2013 19:31:14)

0

2

У Вас два одинаковых скрипта ротатора, один в самом посте, второй в объявлении

Отредактировано Deff (15.01.2013 13:20:38)

0

3

Deff
Ну... да, есть такое. Так нельзя?

0

4

Пернатый Чтобы работали оба нужно менять имя функции и селектор

<style>#КонтентРотатор2 p{display:none}</style>
<div id="КонтентРотатор2" style="width:1000px;"><!-- Ротатор произвольного контента -->
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
</div>
<script language="javascript">
var sek = 10000;  // Время отображения
var Nrout=$("#КонтентРотатор2 p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent2(i);
function RotatorMycontent2(i) {
$("#КонтентРотатор2 p").hide();
$("#КонтентРотатор2 p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent2(j)",sek);}
</script>

Отредактировано Deff (15.01.2013 18:05:55)

0

5

О. Оооо!
Спасибо большое.

0

6

Хм. Заметил, что первый ротатор, в шапке, почему-то увеличил свой темп.

0

7

Хотя даже не так.
Получается, что ротатор остался один и тот же - то меняется сообщение, то меняется погода.

0

8

Пернатый написал(а):

Хм. Заметил, что первый ротатор, в шапке, почему-то увеличил свой темп.

Вродь поправил
============================
Чтобы контент не прыгал - оберните весь ротатор блоком div cл строго заданной высотой

Код:
<div style="htight:750x;">
<style>#КонтентРотатор2 p{display:none}</style>
<div id="КонтентРотатор2" style="width:1000px;"><!-- Ротатор произвольного контента -->
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
<p><img src="http://s2.uploads.ru/a3ule.png" /></p>
<p><img src="http://s2.uploads.ru/TfuRP.png" /></p>
</div>
<script language="javascript">
var sek = 10000;  // Время отображения
var Nrout=$("#КонтентРотатор2 p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent2(i);
function RotatorMycontent2(i) {
$("#КонтентРотатор2 p").hide();
$("#КонтентРотатор2 p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent2(j)",sek);}
</script>

</div>

Отредактировано Deff (15.01.2013 18:25:37)

0

9

Deff
Ооо, спасибо большое.

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."