Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Отключение картинок на странице (https://javascript.ru/forum/events/2566-otklyuchenie-kartinok-na-stranice.html)

AgRy 16.01.2009 17:05

Отключение картинок на странице
 
Итак, нужно откллючить все изображения на странице, по факту присвоить всем тегам <img> - src=""

Пробовал:
document.getElementsByTagName('img').src = '';
Но не помогает(( так же пробовал пускать это в цилке в виде:
getElementsByTagName('img')[i].src


Второй вариант решения проблемы так это отключить <body> штукой вида:
document.getElementsByTagName('body').innerHTML = 'Другой текст';
- Так же ничего не изменило.

Помогите пожалуйста, с решением проблемы

AgRy 16.01.2009 17:25

Прошу прощения. Проблему решил.

x-yuri 26.01.2009 10:07

есть еще свойство css visibility, может уместнее было бы

natashalina 07.07.2014 08:14

Уважаемый! ответьте, пожалуйста, как проблему вы решили то?? Она же и у других возникает, а ваш вопрос через поисковик находится. Очень нужен ответ..
ТАк как же отключить картинки с помощью javaxcript?
Заранее благодарю

Erolast 07.07.2014 11:50

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.

Сергей Ракипов 16.01.2021 09:27

А какой из этих способов предпочтительнее?
У меня по нажатию на кнопку нужно отключить все изображение.

Сергей Ракипов 16.01.2021 09:35

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

рони 16.01.2021 09:37

Сергей Ракипов,
1 способ уничтожает картинки(будет пиктограмма)
2 делает картинки невидимыми(прозрачными)
3 скрывает картинки

рони 16.01.2021 09:38

Сергей Ракипов,
display = "none"; скрыть
display = ""; открыть

voraa 16.01.2021 09:38

Смотря, что вы хотите получить от этого.

рони 16.01.2021 09:40

Сергей Ракипов,
меняйте класс у родителя картинок, а не сами картинки

Сергей Ракипов 18.01.2021 06:27

В идеале я хочу что бы нажать на кнопку изображение заменились другим изображением, (на нем будет иконка и надпись изображение отключено) и можно было нажать на другую кнопку и изображение снова появились

рони 18.01.2021 08:11

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>

Сергей Ракипов 18.01.2021 08:37

рони,
сайт поломали )))


Часовой пояс GMT +3, время: 02:20.