Доброго времени суток.
Помогите пожалуйста справиться с задачей, уже второй день не сплю.
Я хотел бы использовать на сайте этот плагин -
http://prinzhorn.github.io/skrollr/, добавляющий эффекты при прокрутке страницы. Эффекты добавляются путём приписывания блоку специальных атрибутов типа:
data-0="width:0%;background:hsl(200, 100%, 50%);"
data-950="width:100%;background:hsl(920, 100%, 50%);"
где 0 и 950 - количество "прокручиваемых" пикселей (window.pageYOffset).
Так вот, как бы мне генерировать эти атрибуты при загрузки страницы (или при изменении размеров окна)?
Я хотел бы, чтобы второй атрибут data был равен data-*высота окна*.
Пробовал просто присваивать атрибуты через .attr()
$('.left').attr('data-0', 'width:0%;background:hsl(200, 100%, 50%)');
$('.left').attr('data-'+950, 'width:100%;background:hsl(920, 100%, 50%)');
Планировал потом вместо "950" вставить переменную. Но почему-то плагин работать отказался.
Он работает только если в div'е сразу прописывать эти атрибуты...
<div class="left" data-0="width:0%;background:hsl(200, 100%, 50%);" data-950="width:100%;background:hsl(920, 100%, 50%);"></div>
Как быть? Помогите, товарищи.