Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.11.2017, 11:17
Новичок на форуме
Отправить личное сообщение для Step_An Посмотреть профиль Найти все сообщения от Step_An
 
Регистрация: 23.11.2017
Сообщений: 4

Как задать случайное значение hue-rotate()
Добрый день!

Подскажите, пожалуйста. Есть задача по выводу картинки со случайно искаженной цветовой палитрой при загрузке страницы. То есть заходя несколько раз (или обновляя) картинка должна рандомиться. Вроде должен подойти hue-rotate типа:
<img src="images/1.jpg" style="-webkit-filter: hue-rotate(150deg);filter: hue-rotate(150deg);" width="100%">

НО можно ли задать рандом на значения в скобках? Или есть более простой и эффективный способ решить этот вопрос?

Крайний вариант это сделать n-ное количество картинок с измененными цветами и рандом-скриптом их показывать, но хочется сделать покачественнее.

п.с. может про это надо спрашивать в разделе скриптов?
Ответить с цитированием
  #2 (permalink)  
Старый 23.11.2017, 12:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Step_An,
<script>
    var n = 360*Math.random()|0;
    document.write('<img src="https://webref.ru/example/image/winnie.png" style="-webkit-filter: hue-rotate('+n+'deg);filter: hue-rotate('+n+'deg);" width="100%"> ')
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 24.11.2017, 16:27
Новичок на форуме
Отправить личное сообщение для Step_An Посмотреть профиль Найти все сообщения от Step_An
 
Регистрация: 23.11.2017
Сообщений: 4

Классно, спасибо большое! Почему-то не могу поставить +, наверное мало на сайте пробыл
Ответить с цитированием
  #4 (permalink)  
Старый 24.11.2017, 16:29
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Step_An, вероятно вы на http версии сайта
Попробуйте перейти на https версию.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как извлечь значение class'a? LungDesire Общие вопросы Javascript 2 19.08.2015 18:50
Как сделать так, чтобы значение переменной не возвращалось на исходное значение? E}|{uk Общие вопросы Javascript 1 21.12.2014 15:26
Как получить значение цвета из color picker razorg1991 jQuery 1 06.10.2014 09:06
Как получить значение переменной из игры на HTML5? Dimaz Общие вопросы Javascript 6 10.08.2014 16:27
как передовать и парсить значение переменной по URL? FATALITY Общие вопросы Javascript 10 25.03.2010 19:32