Вот, продолжаю учить JS, начал потихоньку писать маленькие скрипты, а именно сегодня написал вот этот http://bankfotok.ru/test1/ В нём моя красивая самодельная анимация картинок при клике на них. Всё работает, но есть одно но - в консоле вылезает ошибка:
Полная Версия: Анимация увеличения картинок для будущей галереи
| Цитата |
| Uncaught TypeError: Cannot read property 'addEventListener' of undefined at (index):27 |
Дело в том, что скрипт выполняется всегда даже без клика по картинке, а нужно чтобы он проверял есть ли клик и если есть, тогда выполнять. Но как это сделать? Нужно что-то типа:
if (cklick) { делаем }
Как такое сделать на JS?
Master812, при изучении JS необходимо напрочь забыть всё что ты знаешь о РНР и других языках программирования.
_____________
Стимулятор ~yoomoney - 41001303250491
_____________
Стимулятор ~yoomoney - 41001303250491
Master812
У тебя ошибка в условии цикла, посмотри внимательнее
А вообще для конкретно этой фичи js вообще не нужен, это делается на css.
У тебя ошибка в условии цикла, посмотри внимательнее
for (let s = 0; s <= productsImages.length; s++)
А вообще для конкретно этой фичи js вообще не нужен, это делается на css.
| Цитата |
| У тебя ошибка в условии цикла, посмотри внимательнее |
killer8080, да, спасибо, нашёл:) Надо было так:
for (let s = 0; s < productsImages.length; s++)
| Цитата |
| А вообще для конкретно этой фичи js вообще не нужен, это делается на css. |
killer8080, это Вы про событие focus в CSS? Я думал на него кликаешь мышкой и оно выполняется, но если отпустишь кнопку мыши, сразу уходит. Верно или я ошибаюсь? В моём же коде JS после клика ничего не уходит.
| Цитата (Master812 @ 30.08.2021 - 18:46) |
| это Вы про событие focus в CSS? |
фокус работает только на элементах реагирующих на пользовательский ввод, элементы форм, ссылки и т.п. По умолчанию у картинок нет фокуса, чтобы заставить их его принимать нужно задать tabindex
https://jsfiddle.net/3x9hfknu/
либо оборачивать в <a>
дерганная анимация получилась
_____________
There never was a struggle in the soul of a good man that was not hard
_____________
There never was a struggle in the soul of a good man that was not hard
| Цитата (killer8080 @ 31.08.2021 - 21:22) | ||
фокус работает только на элементах реагирующих на пользовательский ввод, элементы форм, ссылки и т.п. По умолчанию у картинок нет фокуса, чтобы заставить их его принимать нужно задать tabindex https://jsfiddle.net/3x9hfknu/ либо оборачивать в <a> |
killer8080, сделал, как Вы и сказали. Всё работает отлично! Спасибо!:)))
| Цитата (Michael @ 1.09.2021 - 14:34) |
| дерганная анимация получилась |
Michael, если у Вас компьютер IBM 286, то нечего кодера анимации винить!:))))
Здесь расположена полная версия этой страницы.