Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Непрерывная бегущая строка


Непрерывная бегущая строка

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

1

Здравствуйте! В определенный момент возникла необходимость создать на форуме (а точнее - в его объявлении) непрерывную бегущую строку. Под "непрерывной" я имею ввиду строку, в которой сразу после последнего элемента появляется первый без ожиданий и пропусков (как в стандартных прокрутках тех же баннеров).

Насколько я понял, стандартными средствами <marquee> такого эффекта не добиться (если я не прав - ткните носом ^^ ), но я нашел вот такую штуку - http://masscode.ru/index.php/k2/item/44-limarquee и попытался подключить. И все бы хорошо, оно даже прокручивало нужные мне картинки непрерывно, радости не было предела, пока не обнаружился косяк. А именно - с установкой скрипта перестали работать кнопки B, I  и  U.

Очень надеюсь на помощь, ибо не силен в программировании (делаю исключительно по аналогии), но если по каким-то причинам невозможен тот вариант, который я нашел, то буду ОЧЕНЬ рад любому другому варианту, который будет выполнять те же функции))

Делаю так:

ХТМЛ-верх

Код:
<head> 
<link rel="stylesheet" href="/css/liMarquee.css">
<script src="/js/jquery-1.9.0.min.js"></script>
<script src="/js/jquery.liMarquee.js"></script> // ссылки на все три файла - свои, залитые через администрирование

<script>
$(window).load(function(){
	$('.str3').liMarquee();
})
</script> 
</head>

В Объявление

Код:
<div class="str3 str_wrap" style="width:250px;"> 
    <a href="#"><img src="ссылка на картинку1" class="ref" title="Надпись1"></a>
    <a href="#"><img src="ссылка на картинку2" class="ref" title="Надпись2"></a>
    <a href="#"><img src="ссылка на картинку3" class="ref" title="Надпись3"></a>
    <a href="#"><img src="ссылка на картинку4" class="ref" title="Надпись4"></a>
</div>

причем, методом проб и ошибок, косяк исчезает, если убрать строку <script src="/js/jquery-1.9.0.min.js"></script>, но тогда и бегущая строка перестает работать((

Отредактировано Jas (Пт, 27 Фев 2015 11:23:16)

0

2

А файлы Вы, простите, откуда подключаете?
/css/liMarquee.css = --
Вы думаеее, что такие файлы есть на вашем форуме?

0

3

Fover написал(а):

А файлы Вы, простите, откуда подключаете?
/css/liMarquee.css = --
Вы думаеее, что такие файлы есть на вашем форуме?

Я написал в комментарии:

Jas написал(а):

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

то есть да, все три файла, которые там указаны фиктивно, есть на моем форуме)

Отредактировано Jas (Пт, 27 Фев 2015 12:57:45)

0

4

Jas
Конфликт происходит из-за еще одного подключения jquery.
На сервисе 1.4.4, а вы подключаете 1.9.0.

Это надо админа пилить, уже жаловались на то, что некоторые плагины не работают из-за старой библиотеки.

+1

5

Можете использовать такой вариант:

<script type="text/javascript">
(function( $ ) {
  $.fn.marquee = function() {
    this.css({"overflow": "hidden", "white-space": "nowrap"});
    this.wrapInner("<span>");
    this.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" });
    this.append(this.find("span").clone());
    this.wrapInner("<div>");
    this.find("div").css("width", "200%");
    var reset = function() {
      $(this).css("margin-left", "0%");
      $(this).animate({"margin-left": "-100%" }, 12000, 'linear', reset);
    };
    reset.call(this.find("div"));
  };
})(jQuery);
$('#marquee').marquee();
</script>

Или поискать другие плагины.

0

6

Fover написал(а):

Конфликт происходит из-за еще одного подключения jquery.
На сервисе 1.4.4, а вы подключаете 1.9.0.

спасибо!

Fover написал(а):

Это надо админа пилить, уже жаловались на то, что некоторые плагины не работают из-за старой библиотеки.

видимо, придется присоединится к числу пилящих...

Fover написал(а):

Можете использовать такой вариант

О! Скажите, пожалуйста, я правильно понимаю, что предоставленный Вами код надо в ХТМЛ-низ вставить? А дальше? В объявлении просто установить бегущую строку <marquee> или что-то еще надо?

0

7

Jas
Туда, где нужна бегущая строка:

<div id="marquee"></div>

Красное - ид дива, должен быть идентичным со скриптовым.

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Непрерывная бегущая строка