Как в js заставить обьект изменяться от 0 до 100%?
Например, есть обьект или картинка и нужно, чтобы она красилась с лева на право или сверху внизу желтым цветом.
Блок, к примеру, не трудно так покрасить, а как быть с обьектом?
Картинка красилась? Это как? Закрашивалась? Тогда блок поверх нее положите желтый и меняйте ему width от 0 до 100% от размера картинки.
Можно на блок прозрачность кинуть, создать иллюзию тонировки картинки
нельзя блок кинуть, мы имеем только картинку в виде гнома и надо, чтобы этот гном перекрасился по его образу, а не прямоугольник занавес опускает, который нам работу с картинкой потом испортит.
Ingernirated: Там нет готовых ответов, там есть знания, которые нужны, что бы решить Вашу задачу. Вы хотите, что бы я за Вас написал? Тогда Вам не сюда, а на фриланс.
Максим Тимофеев: width это его обьём, а мне нужна длина-ширина, например блок 100 на 100px, у него border-left автоматический тоже 100px, а надо, чтобы было 50. И что бы на этими 50 был контроль.
так понятней?
Гном делается полупрозрачный. Под него две подложки - одна желтая, вторая - цвета оригинала. И меняем размеры подложек (и позиции) так, чтобы был эффект заполнения - а-ля прогрессбар.
допустим, а если под картинкой мы установим border, как ему задать покраску слева на право?
выполнилась функция, гном перекрашен сверху вниз, а border как тогда?