background-position от 1 до 1000
 

Здравствуйте, скажите, пожалуйста, как правильно написать код, чтобы
background-position изменялся сам.

Пример:

#qqq{
background: url(картинка) repeat;
background-position: x 50%;
}

x должен все время увеличиваться
как только дошел до 1000, пусть заново от 1 до 1000 идет, и так все время

Заранее спасибо.

Maxmaxmахimus,

element.style.backgroundPosition = x++ + 'px 50%';

<style>
#qqq{
background: url(bg_green.gif) repeat;
}
</style>
<script type="text/javascript">
var x = 1, element = document.getElementById('qqq');

setInterval(function(){
    element.style.backgroundPosition = x++ + 'px 50%';
    if(x > 1000) x = 1;
}, 16)

</script>
<div id="qqq">11
</div>

Не работает

element.style.backgroundPosition = (x = x - 1e3 && x + 1) + 'px 50%';

P.S. :)

Да, так работает, почти.

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

<style>
#qqq{
background: url(bg_green.gif) repeat;
background-position: 0 0;
}
</style>
<script type="text/javascript">
onload = function () {

  var x = 1, element = document.getElementById('qqq');

  setInterval(function(){
      element.style.backgroundPosition = x++ + 'px 50%';
      if(x > 1000) x = 1;
  }, 16)
}
</script>
<div id="qqq">11
</div>
<div id="qqq">22
</div>
<div id="qqq">33
</div>

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

обычное инлайновое присваивание.

я давно уже пишу 10 в какой-то степени в экспоненциальном виде - адски удобно.

присваивается ноль, если число равно тысяче, иначе делается присваивание x = x (поместить значение икса в икс)

всё же до безобразия просто.

:) что-то ты заряжаешь ) я могу по-всякому. если надо по-бырому - спагетти пойдёт.
но в проектах с долгосрочным "допиливанием" пишу так :