Сообщение от рони
|
|
можно нечитать код устарел
|
Поздно, я уже прочитал
Попробовал заменить моё
.animate({backgroundPosition: "100% top"}, {duration:100000});
на то что по ссылке (подставил свои значения)
.animate({'background-position': "100% top"}, 100000);
Но всё без каких-либо изменений.
Собственно пока тут гуглил, нашёл шаблон откуда выдернул скрипт:
http://st7studio.ru/147/index.html
Тут, то чего я хотел бы добиться под jQ 1.11.1, т.е. зацыкленная, развёрнутая на всю высоту экрана, бегущая строка (там она выполнена в виде svg background файла).
Сейчас максимально облегчил тестовый файл, для удобства просмотра, запощу сюда, а потом пойду опробую местную песочницу.
Итак, index.html
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<!--
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div id="container">
<div id="bg">
</div>
</div>
</body>
</html>
main.css
html {
min-height:100%;
height:100%;
}
body {
min-height:100%;
height:100%;
margin:0;
padding:0;
}
#container {
width:100%;
min-height:100%;
background:#333;
}
#bg {
position:absolute;
left:0%;
top:0;
width:100%;
min-height:100%;
background:url([url]http://st7studio.ru/147/images/name.svg[/url]) no-repeat;
background-size:cover;
z-index:2;
}
и собственно main.js
$(document).ready(function(){var i=0;while(i<100){
$("#bg").animate({backgroundPosition: "100% top"}, {duration:100000});
i++}
})