Хочу поставить эту бегущую строку с картинками на сайт.
Следуя инструкции я делаю следующее:
Подключаю библиотеку "jQuery", плагин "jquery.liMarquee.js" и файл стилей "liMarquee.css"
Вставляю html, туда прописываю код, выбираю "Между тегами 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>
Далее с помощью того же html Инициализирую плагин liMarquee
Код: Выделить всё
<script>
$('.str').liMarquee({
direction: 'left', //Указывает направление движения содержимого контейнера (left | right | up | down)
loop:-1, //Задает, сколько раз будет прокручиваться содержимое. "-1" - бесконечно
scrolldelay: 0, //Величина задержки в миллисекундах между движениями
scrollamount:50, //Скорость движения контента (px/sec)
circular: true, //Если "true" - строка непрерывная
drag: false, //Если "true" - включено перетаскивание строки
runshort:true, //Если "true" - короткая строка тоже "бегает", "false" - стоит на месте
xml:false //Путь к xml файлу с нужным текстом
});
</script>
ну и в нужное мне место вставляю html код
Код: Выделить всё
<div class="str">
<a href="#"><img src="/images/logos/100x100.jpg"></a>
</div>
В итоге картинки появляются, но движения нету никакого.
В чем может быть проблема? Не правильное подключение библиотек или инициализации, либо что-то другое?!
Исходный файл: index.html, тип документа HTML 5
Версия софта: 9.0.4