Анон, шарящий в PHP, мне нужна твоя помощь, совсем немного. Сейчас у меня небольшая задача:1. Сформировать страницу с двумя кнопками.2. На этой же странице, допустим, разместить изображение 100х100, которое формируется средствами PHP.3. При нажатии на эти кнопки изображение должно становиться темнее или светлее.Смотри, что у меня есть:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <form method="post"> <button value="light" name="color"><img src="images/1.jpg"></button> <button value="dark" name="color"><img src="images/1.jpg"></button> </form></body></html><?php$action = $_POST['color'];switch ($action) { case 'light': echo 'светлее'; break; case 'dark' : echo 'темнее'; break; }Две кнопки. Если обработать код, можно увидеть, что при нажатии на одну из них выводится сообщение "светлее", а на другую - "темнее". Как дальше передавать параметры я разберусь.И есть кусок, которым я делаю изображение:<?php$image = imagecreatetruecolor(100, 100);if($image){//$color = imagecolorallocate($image, $red, $green, $blue); этот кусок будет работать, но для примера, что код рабочий, я указав вместо переменных прямые из значение$color = imagecolorallocate($image, 200, 200, 200);imagefill($image, 0, 0, $color);header("Content-type: image/gif");imagegif($image);imagedestroy($image);}Если ты добавишь этот код в отдельный файл - ты увидишь отрисованный в браузере квадратА если добавить его в первый html-файл - ошибка, изображение не рисуется, вся форма в целом не работает. Анон, скажи, что я делаю не так? Если надо, могу дать свой telegram, чтобы быстрее обсудить.
Бамп
И ещё раз бамп
И ещё один
А пхп-код то закрываешь?
>>156066722Закрывать-то закрываю, вот только зачем? Это уже как несколько лет необязательно
менять изображение по кнопкам можно джаваскриптом, пхп то тут при чем?
>>156067170К сожалению, жаваскрипт я не знаю.Можешь показать пример?
>>156065729 (OP)а как добавляешь в html? попробуй вот тот кусок, который делает изображение оставить в отдельном файле, скажем makeImage.html, а в основном напиши <img src="makeImage.html"/>
>>156067170двачую этого. Поместить под изображениями чёрный фон и менять им opacity скриптом
>>156067353как я уже написал, я не знаю жаваскриптможешь дать ссылку на пример, или хотя бы по каким тегам гуглить?
>>156067717тебе срочно? щас занят немного, как освобожусь, могу чего-нибудь прям написать рабочего
>>156067900времени пару часов есть, даже до конца днядай телегу/фейкомыльце, чтобы не потеряться
>>156068079glor2319@mail.ru
> долбаеб изолированно учит веб макакинг
>>156068211Блять, я вообще биолог, мне для эксперимента надо
>>156065729 (OP)может .html файл не понимает php?
Там функция imagecolorate или еще что возможно не подцепляется. Просмотри инклуды.А вообще, скинь что за ошибку выдает. Так проще
>>156065729 (OP)>>156068823
>>156068675я включил обработку статики через апач, тут норм>>156068823и с этим разобрался. контент-тайп для всей страницы ставился как имейдж/гиф, а там ведь еще text был, отсюда и ошибка
>>156065729 (OP)>А если добавить его в первый html-файл - ошибка, изображение не рисуется, вся форма в целом не работает.Тому що>header("Content-type: image/gif");Браузер считает, что ВЕСЬ контент это гиф.
>>156065729 (OP)вас че школьники всех в гугле забанили? нахуй кому делать за тебя твою работу?
на кнопки повесь онклики: <button value="dark" name="color" onclick="light()">light</button> <button value="dark" name="color" onclick="dark()">dark</button>а в head добавь это:<script> function light() { var res = getComputedStyle(document.getElementById('img')).opacity - 0.1 document.getElementById('img').style.opacity = res } function dark() { var res = parseFloat(getComputedStyle(document.getElementById('img')).opacity) + 0.1 document.getElementById('img').style.opacity = res } </script> Не понял, правда, какое изображение тебе надо меня, т.к. у тебя их только двое на кнопках, поэтому его тоже для тебя сделал:<div> <img src="img/mon.jpg" id = 'img'> </div>
>>156071750в стилях для дива opacity поставь 1
>>156071750>>156071857так, анон, ты хорошно работает только кнопка lightdark не делает темнее, чем изначальная картинка
>>156072891у меня работает. Скинь свой код
>>156074517 $ cat index2.html <!DOCTYPE html><html lang="en"><head><script>function light() {var res = getComputedStyle(document.getElementById('img')).opacity - 0.05document.getElementById('img').style.opacity = res}function dark() {var res = parseFloat(getComputedStyle(document.getElementById('img')).opacity) + 0.05document.getElementById('img').style.opacity = res}</script><meta charset="UTF-8"><title>Title</title></head><body><div><img src="images/black.png" id = 'img'><img src="images/silver.png"></div><button value="light" name="color" onclick="light()">light</button><button value="dark" name="color" onclick="dark()">dark</button></form></body></html>
>>156074949скрипт точно работает, убери закрывающий тег </form>. Если не поможет то попробуй такие стили поставить:div { background-color: black; width: 200px;}img { opacity: 1; width: 100%; height: 50%;}
>>156074949Или тебе нужно, чтобы второе изображение темнело?
>>156076089не, нужно только то, чтобы первое светлело/темнело
>\tfunction light() {\tvar res = getComputedStyle(document.getElementById('img')).opacity - 0.1document.getElementById('img').style.opacity = res\t}\tfunction dark() {var res = parseFloat(getComputedStyle(document.getElementById('img')).opacity) + 0.1\tdocument.getElementById('img').style.opacity = res\t}</script>ненавижу сука нативный жс