Вопрос по .animate();

Если Вы совсем новичок и слабо представляете себе возможности jQuery, не можете понять в каком форуме задать свой вопрос - Вам сюда.

Модераторы: TRAHOMOTO, tuareg, Gennady

Вопрос по .animate();

Сообщение Мус » 18 дек 2013, 15:44

Доброго времени суток! Никак не могу разобраться с этим эффектом.

По существу: есть блок div#test, ему задана фоновая картинка. По загрузке страницы нужно чтобы у этого блока css-свойство background-position-x достигало значения 1000рх за период времени равный 50 секундам и далее анимация линейно повторялась заново до бесконечности. Собственно на css я бы сделал так:
Код: выделить все
@keyframes animBgPos {
   0% {background-position-x: 0px}
   100% {background-position-x: 1000px}
}
div#test {width:500px;height:100px;background-image:url(asd.gif);animation:animBgPos 50s infinite linear;}

А как это сделать на jQuery?
Пробовал хотя бы просто изменить значение background-positition-x на 1000, но ничего не происходит. Никакой анимации нет. Писал вот так:
Код: выделить все
$(document).ready(function(){
   $("div#test").animate({backgroundpositionx: 1000}, 50000);
});

Хотя например со свойством height всё работает и размер блока как и надо изменяется. Но затем пробовал поменять другое свойство, например left — и тоже никаких анимаций не происходит.

$("div#test").animate({height: 1000}, 50000); — работает
$("div#test").animate({left: 1000}, 50000); — не работает


Подскажите как быть.
Мус
 
Сообщений: 2
Зарегистрирован: 02 дек 2013, 18:22

Re: Вопрос по .animate();

Сообщение Мус » 18 дек 2013, 16:12

Понял... Не backgroundpositionx, a backgroundPositionX :lol:
Мус
 
Сообщений: 2
Зарегистрирован: 02 дек 2013, 18:22


Вернуться в Вопросы от совсем новичков

Кто сейчас на форуме

Сейчас этот форум просматривают: Yandex и гости: 4