Отключение картинок на странице
Итак, нужно откллючить все изображения на странице, по факту присвоить всем тегам <img> - src=""
Пробовал: document.getElementsByTagName('img').src = ''; Но не помогает(( так же пробовал пускать это в цилке в виде: getElementsByTagName('img')[i].src Второй вариант решения проблемы так это отключить <body> штукой вида: document.getElementsByTagName('body').innerHTML = 'Другой текст'; - Так же ничего не изменило. Помогите пожалуйста, с решением проблемы |
Прошу прощения. Проблему решил.
|
есть еще свойство css visibility, может уместнее было бы
|
Уважаемый! ответьте, пожалуйста, как проблему вы решили то?? Она же и у других возникает, а ваш вопрос через поисковик находится. Очень нужен ответ..
ТАк как же отключить картинки с помощью javaxcript? Заранее благодарю |
var images = document.getElementsByTagName("img"); for (var i = 0; i < images.length; i++) images[i].src = ""; либо var images = document.getElementsByTagName("img"); for (var i = 0; i < images.length; i++) images[i].style.visibility = false; либо var images = document.getElementsByTagName("img"); for (var i = 0; i < images.length; i++) images[i].style.display = "none"; Разумеется, скрипт должен выполняться после загрузки DOM. |
А какой из этих способов предпочтительнее?
У меня по нажатию на кнопку нужно отключить все изображение. |
И как сделать что бы все изображение вернулись.
Нужно что бы на все сайте отключились а потом по нажатию вернулись. |
Сергей Ракипов,
1 способ уничтожает картинки(будет пиктограмма) 2 делает картинки невидимыми(прозрачными) 3 скрывает картинки |
Сергей Ракипов,
display = "none"; скрыть display = ""; открыть |
Смотря, что вы хотите получить от этого.
|
Сергей Ракипов,
меняйте класс у родителя картинок, а не сами картинки |
В идеале я хочу что бы нажать на кнопку изображение заменились другим изображением, (на нем будет иконка и надпись изображение отключено) и можно было нажать на другую кнопку и изображение снова появились
|
no foto замена всех картинок на заглушку
Сергей Ракипов,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <img src="https://scanvord.net/pazly/56/otvet.png" alt=""> <script> function noFoto() { const no = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABSVJREFUeJztm01oHGUYx//PM221KSKoVBC9iCAIerAtmu6tgm3xA4p4sAi2XtqD2qYzq6uXJSBC9t011JxUUqEKUSp60KQqigh2UxG09igogtCLUoVmk80m+zwekpXJZDPz7uy+6XbS/yl5v+b5/ef9mHd2XuC6ruu6NoKKxeKWIAiOAKBwuneV4llXFYvFLbVa7QwR+blcbnu1Wp1q5WXegBD8k8tJu8ImZNqANvAt/W8Cta2ZAcXAAwBU9ftms/nopvUIJp/PPy0iLzLzTgBb48qKyCyAHz3Pe6tUKn2S5no28Nu2bds/PDw857oHUBAE40R0OGX9t40xRzup0AH8DOB4Dsjn8z4RvdJFEzsHBwf/mZ6e/sGmcBI8gHNheCCyJvZS+Xz+XhG5wMw3dtOOiMwS0QPlcvm3uHI28AMDA/vC8ADA3QQXEwyr6qlu4QGAmQeI6BRibpYNPID9UXgAcDIJzs7OHiOi3dF0EbnEzMeJSNvVU1VS1TEiuj3aZLFY3Dw8PNyI1rGFN8ZcaZfZ8yFQKBTuaTabF9FmtheRxyuVymRc/SAIDhBRePY/W6/XD4yNjc1Hy1pMeFUi2rcWPND7IUDNZnMc7Ze600nwAFAulz8VkY8AQESmXMIDHQyBfD7/oKq+SkR7ANxiWw9Y6vqLi4vHbMur6gsA5hqNxtE08AAu2MADlkMgCIJDqvouM6edM54wxnyesu4KWcADwIKqPl8ulz9Iai/RAN/3dwA43wX8aWPMcynrrpAlfEsLzLxrZGTkl7hCiXMAERXSwovIpUajYd3149QhPABsFpHXkgrZGLDH8oKrG2c+cvLkyX/T1m8pBTwAQEQeSSpjc2dXTXiqWmHm8wkXnymXy19E04vF4kCtVttPRA8DuANLN+F9Y8zUqkZgBT9NRG+qag7A8XAGM98aFyOQ8kGImc+XSqWPO6kzNDS01fO8wszMzDFmvjmUNVmv179pV8cGHsDeUql0xff9Tcydr+rrsh0uFAp3N5vNzwDcR7Ri3p2s1+tPpVzqpgHstVnq4uTcgBMnTty1sLDwHTPfGcm66vCAewPI87wJAH0JDzjaDbYUBMEzAHKR5L6BBxwbQEQvRZL6Ch5waIDv+9sBPBRK6jt4wKEBzHx/6N9u4MHML7uAB9wOgdYDVFfwACAitzmJEA4NEJE6egAPAKo66yRIOFwGReRco9H4qlt4APA879feR7gkZwaMjo5ebpfeKbyq/j4yMvJHT4MLyekyGFWaXR0RjbuMad0MSAMvIpcAjDkMa30MSAm/yMzPulr+WnJuQMqXGfPMfNAY862zwJbl1ICU8D8D2G2MOeMqrrCcrQIW8JdFZAAAM/Ofy+/xPzTGnAXQ9pcjF3JigO2zfaVScTq+bZR2CMhaGVdzY5NGaXrA5NzcXNufuJLgReQKEb2nqo/5vp/i0muLmQfbJCcOJRsDLqNHGxtmvgnAO5H3gs4kIn8nlUkcAqr65fKfPdnYrKeI6OukMok9QFVfB3DD/Pz8wWsJXkQaAN5IKtdVX+xneGY+ZIyZSCqb+kGoD+FVRP5S1QkAO2zggZQ9oFcfJ/SDOjYgS/BAhwZkDR7owIBuv8bqV1kZkFV4wMKALMMDCQZkHR6IeQ6w/fb2WoYH1ugBaT88vha1yoCNBA9EDNho8EBkDqjVaofjTlpkDR6InBipVqs/5XK57QB2hdOjx0yypFVHZqrV6lTYhCzDA2ucGWqZoKrzWYZPEg0NDcUeccuC/gOjF4uno69VQgAAAABJRU5ErkJggg==' document.querySelectorAll('img').forEach(img => { let {src} = img.dataset; if(src) { img.src = src; delete img.dataset.src} else { img.dataset.src = img.src; img.src = no; } }) } window.setInterval(noFoto, 3000) </script> </body> </html> |
рони,
сайт поломали ))) |
Часовой пояс GMT +3, время: 02:20. |