Форум программистов, компьютерный форум, киберфорум
JavaScript: HTML5 Canvas
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 03.01.2017
Сообщений: 22

Работа с картинками

29.12.2017, 18:11. Показов 686. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите пожалуйста. Имеется следующий код который должен менять картинки при щелчке на кнопку после выполнения заданной условии. первое фото загружается при запуске браузера, но при нажатии на кнопку фото не меняется. Подскажите пожалуйста в чём ошибка. Заранее благодарю))

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<form>
<div class="kartinki" >
        <img id="wd" src = 'mass/11.jpg' /><br><br>
            <input id="trans"><br><br>
            <input type="button" value="Check" readonly="true" onclick="validateTrans(translation.value)">
            <input type="button" value="Next word" readonly="true" onclick="getNextWd()">
        </div>  
 
 
        <script type="text/javascript">
            var photo = new Array(); // массив из картинок
            photo[0]=new Image();
            photo[1]=new Image();
            photo[2]=new Image();
            photo[3]=new Image();
            photo[4]=new Image();
            photo[5]=new Image();
            photo[6]=new Image();
            photo[7]=new Image();
            photo[8]=new Image();
            photo[9]=new Image();
 
            photo[0].src="mass/11.jpg";
            photo[1].src="mass/2.jpg";
            photo[2].src="mass/3.jpg";
            photo[3].src="mass/4.jpg";
            photo[4].src="mass/5.jpg";
            photo[5].src="mass/6.jpg";
            photo[7].src="mass/7.jpg";
            photo[8].src="mass/8.jpg";
            photo[8].src="mass/9.jpg";
            photo[9].src="mass/10.jpg";
        
            var translations = ["Afraid", "Calm", "Disgusting", "Heroic", "Wise", "Innocent", "determined", "Climate", "Weather","Jungle"]; // слова для проверки описания
        
    var wd = document.getElementById('wd'); // поле для картинки
            var translation = document.getElementById('trans'); // текстовое поле для варианта описания
            var flag = false; // флаг, реализующий запреты на некорректные действия
 
            getNextWd(); // показать первое фото при загрузке страницы
 
            function validateTrans(strr) {
                if (!flag) {
                    alert('Правильно!!!');
                    return;
                }
                var check = translations.shift();
                if (check == strr.toLowerCase())
                    alert('Правильно!');
                else
                    alert('Не правильно!');
 
                flag = false;
            }
 
            function getNextWd() {
                if (photo.length == 0) {
                    alert('Конец!')
                    return;
                }
 
                if (flag) {
                    alert('Переведите имеющееся слово!');
                }
                else {
                    wd.value = photo.shift();
                    translation.value = '';
                }
 
                flag = true;
            }
        </script>   
    
</form>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
29.12.2017, 18:11
Ответы с готовыми решениями:

Работа с картинками!
Всем доброго времени суток!У меня такой вопрос начну с того что javasript знаю очень плохо.Задача стоит такая! Есть такой блок с...

Работа с картинками
Помогите пожалуйста. Имеется следующий код который должен менять картинки при щелчке на кнопку после выполнения заданной условии. первое...

Работа с картинками в Javascript
Как в JS задавать свойства той же фотографии (например size, position и т.д.)? В html всё просто, можно было сразу же к тегу приписать...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.12.2017, 18:11
Помогаю со студенческими работами здесь

Работа с картинками
Доброго времени суток. Начал изучать С#. Посоветуйте литературу где можно было бы подробно узнать о работе с картинками. Как класс...

Работа с картинками
как сделать так, чтобы при клике на определённые картинки высвечивалось сообщение? например если кликнуть на определённые 4(Image) картинки...

Работа с картинками
Вcем привет. Кто может подсказать, в TBitmap находится картинка, её для наглядности нужно вывести по байтам в ( на пример в TMemo) . ...

Работа с картинками
так получаю координаты нужного квадратика, где x и y - координаты центра public String getSelectedRect() { return...

Работа с картинками
Нужно поочерёдно загрузить картинки (ну я не как по другому назвать) Короче. Как в любом Windows есть такая штука - Средство просмотра...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru