jQuery fade in/out эффект при смене background position

[Semen55338]

Всем привет. Проблема следующая: есть img с area map, при наведении на определенные области, которого меняется background position. Знанием JS/jQuery похвастаться не могу поэтому прошу помощи - хотелось бы, чтобы background position менялось с эффектом jQuery fade или любым другим способ красиво и плавно. Хочется чтобы старый background position исчезал как нибудь так .animate({opacity: 0,}, 400 );, а новый появлялся .animate({opacity: 1,}, 400 ); не могу понять как это реализовать.

Посмотреть можно здесь http://jsfiddle.net/nSGym/1/

Я так понимаю что для addClass/removeClass не применяются эффекты, тогда как по другому сменить background position?

[nerv]

http://docs.jquery.com/UI/Effects/animate

[Semen55338]

http://docs.jquery.com/UI/Effects/animate

По указаннай вами ссылке как раз и представлен исчерпывающий перечень свойств, к которым применим animate, background position там нет. Поэтому я и сделал через addClass removeClass. Вопрос в том как мне сделать анимацию?

[nerv]

Semen55338, как вы собрались анимировать background position исходя из вашего фонового изображения? Анимируйте цвет и/или прозрачность.

http://jsfiddle.net/nSGym/3/

[Semen55338]

nerv, я не хочу анимировать background-position, а хочу анимировать смену его, чтобы плавно исчезало старое изображение фона и плавно появлялось новое

[nerv]

http://jsfiddle.net/nSGym/5/

[Semen55338]

http://jsfiddle.net/nSGym/5/

Спасибо огромное! То что нужно