• Страница 1 из 1
  • 1
Плавное увеличение фона
CbIPoK Оффлайн
Проверенный
37
Дата: Воскресенье, 2016-01-24, 21:12 | Сообщение # 1
Добрый вечер.

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

Сайт

Код:

Код
<div>
<div class="bbp_img_seamless" id="size_range" align="right"><span class="bbp_img_seamless-h">Проверка текстуры на бесшовность</span></div>
<input type="range" oninput="onchangeWidth()" id="_range" value="0" step="10" min="0" max="100"/>
</div>
     
     
<script>
function onchangeWidth() {
document.getElementById('size_range').style.backgroundSize = '32' + document.getElementById('_range').value + 'px';
}
</script>


Добавлено (24.01.2016, 21:12)
---------------------------------------------
РЕШИЛ ПРОБЛЕМУ!

Код
<div>
     <div class="bbp_img_seamless" id="size_range" align="right"><span class="bbp_img_seamless-h">Проверка текстуры на бесшовность</span></div>
     <input type="range" oninput="onchangeWidth()" id="_range" value="128" min="16" max="256"/>
</div>
          
<script>
function onchangeWidth() {
document.getElementById('size_range').style.backgroundSize = '' + document.getElementById('_range').value + 'px';
}
</script>


Сообщение отредактировал CbIPoK - Воскресенье, 2016-01-24, 21:13
Профиль
  • Страница 1 из 1
  • 1
Поиск: