С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1187 / 757 / 127
Регистрация: 10.03.2012
Сообщений: 4,864

Загрузка видимых изображений

18.12.2024, 14:24. Показов 488. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
При загрузке страницы те изображения, которые уже видимы, должны загружаться сразу же, не ожидая прокрутки.
Некоторые изображения могут быть обычными, без data-src. Код не должен касаться их.
Сделать если изображение один раз загрузилось, оно не должно больше перезагружаться при прокрутке.
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <p>Текст и картинки взяты с https://wikipedia.org.</p>
  <h3>Все изображения с <code>data-src</code> загружаются, когда становятся видимыми.</h3>
  <h1>Солнечная система</h1>
  <p>Солнечная система — планетная система, включает в себя центральную
    звезду — Солнце — и все естественные космические объекты,
    вращающиеся вокруг Солнца. Она сформировалась путём гравитационного
    сжатия газопылевого облака примерно 4,57 млрд лет назад.</p>
  <p>Большая часть массы объектов Солнечной системы приходится на Солнце;
    остальная часть содержится в восьми относительно уединённых планетах, имеющих почти
    круговые орбиты и располагающихся в пределах почти плоского диска — плоскости эклиптики.
    Общая масса системы составляет около 1,0014. При таком распределении масс
    особенностью кинематики системы является противоречащее ожидаемому распределение
    моментов импульсов вращения между Солнцем и планетами, т.н. «Проблема моментов»:
    на долю Солнца, масса которого в ~740 раз больше общей массы планет, приходится
    всего 2% общего момента системы, а остальные 98% на ~0,001 общей массы Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/planets.jpg" width="640" height="360">
  </figure>
  <h1>Солнце</h1>
  <p>Солнце — звезда Солнечной системы и её главный компонент. Его масса (332 900 масс Земли)
    достаточно велика для поддержания термоядерной реакции в его недрах,
    при которой высвобождается большое количество энергии, излучаемой в пространство
    в основном в виде электромагнитного излучения, максимум которого приходится
    на диапазон длин волн 400—700 нм, соответствующий видимому свету.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/sun.jpg" width="658" height="658">
  </figure>
  <h1>Меркурий</h1>
  <p>Меркурий (0,4 а. е. от Солнца) является ближайшей планетой к Солнцу и наименьшей
    планетой системы (0,055 массы Земли). У планеты нет спутников. Характерными деталями рельефа
    его поверхности, помимо ударных кратеров, являются многочисленные лопастевидные уступы,
    простирающиеся на сотни километров. Считается, что они возникли в результате приливных
    деформаций на раннем этапе истории планеты во время, когда периоды обращения Меркурия вокруг
    оси и вокруг Солнца не вошли в резонанс. Меркурий имеет крайне разреженную атмосферу,
    она состоит из атомов, «выбитых» с поверхности планеты солнечным ветром.
    Относительно большое железное ядро Меркурия и его тонкая кора ещё не получили удовлетворительного объяснения.
    Имеется гипотеза, предполагающая, что внешние слои планеты, состоящие из лёгких элементов,
    были сорваны в результате гигантского столкновения, в результате которого размеры планеты уменьшились.
    Альтернативно излучение молодого Солнца могло помешать полной аккреции вещества.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mercury.jpg" width="390" height="390">
  </figure>
  <h1>Венера</h1>
  <p>Венера близка по размеру к Земле (0,815 земной массы) и, как и Земля, имеет толстую силикатную
    оболочку вокруг железного ядра и атмосферу (из-за этого Венеру нередко называют «сестрой» Земли).
    Имеются также свидетельства её внутренней геологической активности. Однако количество воды на Венере
    гораздо меньше земного, а её атмосфера в 90 раз плотнее. У Венеры нет спутников. Это самая горячая
    планета нашей системы, температура её поверхности превышает 400 °C. Наиболее вероятной причиной столь
    высокой температуры является парниковый эффект, возникающий из-за плотной атмосферы,
    богатой углекислым газом. Явных признаков современной геологической активности на Венере не обнаружено,
    но, так как у неё нет магнитного поля, которое предотвратило бы истощение её плотной атмосферы,
    это позволяет допустить, что её атмосфера регулярно пополняется вулканическими извержениями.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/venus.jpg" width="390" height="390">
  </figure>
  <h1>Земля</h1>
  <p>Земля является крупнейшей и самой плотной из планет земной группы. У Земли наблюдается
    тектоника плит. Вопрос о наличии жизни где-либо, кроме Земли, остаётся открытым. Среди планет
    земной группы Земля является уникальной (прежде всего, за счет гидросферы). Атмосфера Земли радикально отличается
    от атмосфер других планет — она содержит свободный кислород. У Земли есть один естественный спутник — Луна,
    единственный большой спутник планет земной группы Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/earth.jpg" width="390" height="390">
  </figure>
  <h1>Марс</h1>
  <p>Марс меньше Земли и Венеры (0,107 массы Земли). Он обладает атмосферой, состоящей главным образом из
    углекислого газа, с поверхностным давлением 6,1 мбар (0,6 % от земного). На его поверхности есть вулканы,
    самый большой из которых, Олимп, превышает размерами все земные вулканы, достигая высоты 21,2 км.
    Рифтовые впадины (долины Маринер) наряду с вулканами свидетельствуют о былой геологической активности, которая,
    по некоторым данным, продолжалась даже в течение последних 2 млн лет. Красный цвет поверхности Марса вызван
    большим количеством оксида железа в его грунте. У планеты есть два спутника — Фобос и Деймос. Предполагается,
    что они являются захваченными астероидами. На сегодняшний день (после Земли) Марс — самая подробно изученная
    планета Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mars.jpg" width="390" height="390">
  </figure>
  <h1>Юпитер</h1>
  <p>Юпитер обладает массой в 318 раз больше земной, и в 2,5 раза массивнее всех остальных планет, вместе взятых.
    Он состоит главным образом из водорода и гелия. Высокая внутренняя температура Юпитера вызывает множество
    полупостоянных вихревых структур в его атмосфере, таких как полосы облаков и Большое красное пятно.</p>
  <p>У Юпитера имеется 79 спутников. Четыре крупнейших — Ганимед, Каллисто, Ио и Европа — схожи с планетами
    земной группы такими явлениями, как вулканическая активность и внутренний нагрев. Ганимед, крупнейший
    спутник в Солнечной системе, превосходит по размеру Меркурий</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/jupiter.jpg" width="390" height="390">
  </figure>
  <h1>Сатурн</h1>
  <p>Сатурн, известный своей обширной системой колец, имеет несколько схожие с Юпитером структуру
    атмосферы и магнитосферы. Хотя объём Сатурна составляет 60 % юпитерианского, масса (95 масс Земли) — меньше трети
    юпитерианской; таким образом, Сатурн — наименее плотная планета
    Солнечной системы (его средняя плотность меньше плотности воды).</p>
  <p>У Сатурна имеется 62 подтверждённых спутника; два из них — Титан и Энцелад — проявляют признаки
    геологической активности. Активность эта, однако, не схожа с земной, поскольку в значительной степени
    обусловлена активностью льда. Титан, превосходящий размерами Меркурий, — единственный
    спутник в Солнечной системе с существенной атмосферой</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/saturn.jpg" width="805" height="390">
  </figure>
  <h1>Уран</h1>
  <p>Уран с массой в 14 раз больше, чем у Земли, является самой лёгкой из планет-гигантов.
    Уникальным среди других планет его делает то, что он вращается «лёжа на боку»: наклон оси его
    вращения к плоскости эклиптики равен примерно 98°. Если другие планеты можно сравнить с
    вращающимися волчками, то Уран больше похож на катящийся шар. Он имеет намного более холодное
    ядро, чем другие газовые гиганты, и излучает в космос очень мало тепла.</p>
  <p>У Урана открыты 27 спутников; крупнейшие — Титания, Оберон, Умбриэль, Ариэль и Миранда</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/uranus.jpg" width="390" height="390">
  </figure>
  <h1>Нептун</h1>
  <p>Нептун, хотя и немного меньше Урана, более массивен (17 масс Земли) и поэтому более плотный.
    Он излучает больше внутреннего тепла, но не так много, как Юпитер или Сатурн.</p>
  <p>У Нептуна имеется 14 известных спутников. Крупнейший — Тритон, является геологически активным,
    с гейзерами жидкого азота. Тритон — единственный крупный спутник, движущийся в обратном направлении.
    Также Нептун сопровождается астероидами, называемыми троянцы Нептуна, которые находятся с ним в резонансе 1:1</p>
   <figure>
     <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/neptune.jpg" width="390" height="390">
   </figure>
   <script>
    function showVisible() {
      for (let img of document.querySelectorAll('img')) {
        let realSrc = img.dataset.src;
        if (!realSrc) continue;
        if (isVisible(img)) {
          realSrc += '?nocache=' + Math.random();
          img.src = realSrc;
          img.dataset.src = '';
        }
      }
    }
    window.addEventListener('scroll', showVisible);
    showVisible();
  </script>
</body>
</html>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.12.2024, 14:24
Ответы с готовыми решениями:

Загрузка изображений
Всем доброго времени суток. У меня вопрос касательно загрузки картинок на сайт. Как сделать так, чтобы при открытии страницы с множеством...

TinyMCE загрузка изображений
Господа, прошу помочь. Имеем TinyMCE 6. &lt;script...

Предварительная загрузка изображений
Здравствуйте. let i=0; function starts(){ ...

4
409 / 301 / 112
Регистрация: 28.08.2013
Сообщений: 788
19.12.2024, 11:15
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <p>Текст и картинки взяты с https://wikipedia.org.</p>
        <h3>Все изображения с <code>data-src</code> загружаются, когда становятся видимыми.</h3>
        <h1>Солнечная система</h1>
        <p>Солнечная система — планетная система, включает в себя центральную
            звезду — Солнце — и все естественные космические объекты,
            вращающиеся вокруг Солнца. Она сформировалась путём гравитационного
            сжатия газопылевого облака примерно 4,57 млрд лет назад.</p>
        <p>Большая часть массы объектов Солнечной системы приходится на Солнце;
            остальная часть содержится в восьми относительно уединённых планетах, имеющих почти
            круговые орбиты и располагающихся в пределах почти плоского диска — плоскости эклиптики.
            Общая масса системы составляет около 1,0014. При таком распределении масс
            особенностью кинематики системы является противоречащее ожидаемому распределение
            моментов импульсов вращения между Солнцем и планетами, т.н. «Проблема моментов»:
            на долю Солнца, масса которого в ~740 раз больше общей массы планет, приходится
            всего 2% общего момента системы, а остальные 98% на ~0,001 общей массы Солнечной системы.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/planets.jpg" width="640" height="360">
        </figure>
        <h1>Солнце</h1>
        <p>Солнце — звезда Солнечной системы и её главный компонент. Его масса (332 900 масс Земли)
            достаточно велика для поддержания термоядерной реакции в его недрах,
            при которой высвобождается большое количество энергии, излучаемой в пространство
            в основном в виде электромагнитного излучения, максимум которого приходится
            на диапазон длин волн 400—700 нм, соответствующий видимому свету.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/sun.jpg" width="658" height="658">
        </figure>
        <h1>Меркурий</h1>
        <p>Меркурий (0,4 а. е. от Солнца) является ближайшей планетой к Солнцу и наименьшей
            планетой системы (0,055 массы Земли). У планеты нет спутников. Характерными деталями рельефа
            его поверхности, помимо ударных кратеров, являются многочисленные лопастевидные уступы,
            простирающиеся на сотни километров. Считается, что они возникли в результате приливных
            деформаций на раннем этапе истории планеты во время, когда периоды обращения Меркурия вокруг
            оси и вокруг Солнца не вошли в резонанс. Меркурий имеет крайне разреженную атмосферу,
            она состоит из атомов, «выбитых» с поверхности планеты солнечным ветром.
            Относительно большое железное ядро Меркурия и его тонкая кора ещё не получили удовлетворительного объяснения.
            Имеется гипотеза, предполагающая, что внешние слои планеты, состоящие из лёгких элементов,
            были сорваны в результате гигантского столкновения, в результате которого размеры планеты уменьшились.
            Альтернативно излучение молодого Солнца могло помешать полной аккреции вещества.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mercury.jpg" width="390" height="390">
        </figure>
        <h1>Венера</h1>
        <p>Венера близка по размеру к Земле (0,815 земной массы) и, как и Земля, имеет толстую силикатную
            оболочку вокруг железного ядра и атмосферу (из-за этого Венеру нередко называют «сестрой» Земли).
            Имеются также свидетельства её внутренней геологической активности. Однако количество воды на Венере
            гораздо меньше земного, а её атмосфера в 90 раз плотнее. У Венеры нет спутников. Это самая горячая
            планета нашей системы, температура её поверхности превышает 400 °C. Наиболее вероятной причиной столь
            высокой температуры является парниковый эффект, возникающий из-за плотной атмосферы,
            богатой углекислым газом. Явных признаков современной геологической активности на Венере не обнаружено,
            но, так как у неё нет магнитного поля, которое предотвратило бы истощение её плотной атмосферы,
            это позволяет допустить, что её атмосфера регулярно пополняется вулканическими извержениями.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/venus.jpg" width="390" height="390">
        </figure>
        <h1>Земля</h1>
        <p>Земля является крупнейшей и самой плотной из планет земной группы. У Земли наблюдается
            тектоника плит. Вопрос о наличии жизни где-либо, кроме Земли, остаётся открытым. Среди планет
            земной группы Земля является уникальной (прежде всего, за счет гидросферы). Атмосфера Земли радикально отличается
            от атмосфер других планет — она содержит свободный кислород. У Земли есть один естественный спутник — Луна,
            единственный большой спутник планет земной группы Солнечной системы.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/earth.jpg" width="390" height="390">
        </figure>
        <h1>Марс</h1>
        <p>Марс меньше Земли и Венеры (0,107 массы Земли). Он обладает атмосферой, состоящей главным образом из
            углекислого газа, с поверхностным давлением 6,1 мбар (0,6 % от земного). На его поверхности есть вулканы,
            самый большой из которых, Олимп, превышает размерами все земные вулканы, достигая высоты 21,2 км.
            Рифтовые впадины (долины Маринер) наряду с вулканами свидетельствуют о былой геологической активности, которая,
            по некоторым данным, продолжалась даже в течение последних 2 млн лет. Красный цвет поверхности Марса вызван
            большим количеством оксида железа в его грунте. У планеты есть два спутника — Фобос и Деймос. Предполагается,
            что они являются захваченными астероидами. На сегодняшний день (после Земли) Марс — самая подробно изученная
            планета Солнечной системы.</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mars.jpg" width="390" height="390">
        </figure>
        <h1>Юпитер</h1>
        <p>Юпитер обладает массой в 318 раз больше земной, и в 2,5 раза массивнее всех остальных планет, вместе взятых.
            Он состоит главным образом из водорода и гелия. Высокая внутренняя температура Юпитера вызывает множество
            полупостоянных вихревых структур в его атмосфере, таких как полосы облаков и Большое красное пятно.</p>
        <p>У Юпитера имеется 79 спутников. Четыре крупнейших — Ганимед, Каллисто, Ио и Европа — схожи с планетами
            земной группы такими явлениями, как вулканическая активность и внутренний нагрев. Ганимед, крупнейший
            спутник в Солнечной системе, превосходит по размеру Меркурий</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/jupiter.jpg" width="390" height="390">
        </figure>
        <h1>Сатурн</h1>
        <p>Сатурн, известный своей обширной системой колец, имеет несколько схожие с Юпитером структуру
            атмосферы и магнитосферы. Хотя объём Сатурна составляет 60 % юпитерианского, масса (95 масс Земли) — меньше трети
            юпитерианской; таким образом, Сатурн — наименее плотная планета
            Солнечной системы (его средняя плотность меньше плотности воды).</p>
        <p>У Сатурна имеется 62 подтверждённых спутника; два из них — Титан и Энцелад — проявляют признаки
            геологической активности. Активность эта, однако, не схожа с земной, поскольку в значительной степени
            обусловлена активностью льда. Титан, превосходящий размерами Меркурий, — единственный
            спутник в Солнечной системе с существенной атмосферой</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/saturn.jpg" width="805" height="390">
        </figure>
        <h1>Уран</h1>
        <p>Уран с массой в 14 раз больше, чем у Земли, является самой лёгкой из планет-гигантов.
            Уникальным среди других планет его делает то, что он вращается «лёжа на боку»: наклон оси его
            вращения к плоскости эклиптики равен примерно 98°. Если другие планеты можно сравнить с
            вращающимися волчками, то Уран больше похож на катящийся шар. Он имеет намного более холодное
            ядро, чем другие газовые гиганты, и излучает в космос очень мало тепла.</p>
        <p>У Урана открыты 27 спутников; крупнейшие — Титания, Оберон, Умбриэль, Ариэль и Миранда</p>
        <figure>
            <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/uranus.jpg" width="390" height="390">
        </figure>
        <h1>Нептун</h1>
        <p>Нептун, хотя и немного меньше Урана, более массивен (17 масс Земли) и поэтому более плотный.
            Он излучает больше внутреннего тепла, но не так много, как Юпитер или Сатурн.</p>
        <p>У Нептуна имеется 14 известных спутников. Крупнейший — Тритон, является геологически активным,
            с гейзерами жидкого азота. Тритон — единственный крупный спутник, движущийся в обратном направлении.
            Также Нептун сопровождается астероидами, называемыми троянцы Нептуна, которые находятся с ним в резонансе 1:1</p>
         <figure>
             <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/neptune.jpg" width="390" height="390">
         </figure>
         <script>
            const imgs = document.querySelectorAll('img');
 
            function showVisible() {
                for(let i=0; i<imgs.length; i++){
                    let rect = imgs[i].getBoundingClientRect();
                    if(rect.top > window.scrollY && rect.top < window.scrollY + window.innerHeight && imgs[i].src != imgs[i].getAttribute("data-src")){
                        imgs[i].src = imgs[i].getAttribute("data-src");
                    }
                }
            }
 
            window.addEventListener('scroll', showVisible);
            
            showVisible();
        </script>
    </body>
</html>
1
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3817 / 1655 / 428
Регистрация: 14.03.2022
Сообщений: 4,130
19.12.2024, 12:12
kidASM, можно еще использовать IntersectionObserver...

"Поговаривают что ..."
Это происходит асинхронно, и это гораздо эффективнее, чем использование слушателя событий прокрутки.
Как определить, когда элемент входит или выходит из области просмотра

JavaScript
1
2
3
4
5
6
7
8
9
// Создание нового объекта IntersectionObserver
let observer = new IntersectionObserver(function (entries, observer) {
  console.log('Произошло пересечение!');
  console.log(entries);
});
// Элемент для наблюдения
let app = document.querySelector('#app');
// Наблюдение за элементом #app
observer.observe(app);
2
1187 / 757 / 127
Регистрация: 10.03.2012
Сообщений: 4,864
21.12.2024, 17:37  [ТС]
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <p>Текст и картинки взяты с https://wikipedia.org.</p>
  <h3>Все изображения с <code>data-src</code> загружаются, когда становятся видимыми.</h3>
  <h1>Солнечная система</h1>
  <p>Солнечная система — планетная система, включает в себя центральную
    звезду — Солнце — и все естественные космические объекты,
    вращающиеся вокруг Солнца. Она сформировалась путём гравитационного
    сжатия газопылевого облака примерно 4,57 млрд лет назад.</p>
  <p>Большая часть массы объектов Солнечной системы приходится на Солнце;
    остальная часть содержится в восьми относительно уединённых планетах, имеющих почти
    круговые орбиты и располагающихся в пределах почти плоского диска — плоскости эклиптики.
    Общая масса системы составляет около 1,0014. При таком распределении масс
    особенностью кинематики системы является противоречащее ожидаемому распределение
    моментов импульсов вращения между Солнцем и планетами, т.н. «Проблема моментов»:
    на долю Солнца, масса которого в ~740 раз больше общей массы планет, приходится
    всего 2% общего момента системы, а остальные 98% на ~0,001 общей массы Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/planets.jpg" width="640" height="360">
  </figure>
  <h1>Солнце</h1>
  <p>Солнце — звезда Солнечной системы и её главный компонент. Его масса (332 900 масс Земли)
    достаточно велика для поддержания термоядерной реакции в его недрах,
    при которой высвобождается большое количество энергии, излучаемой в пространство
    в основном в виде электромагнитного излучения, максимум которого приходится
    на диапазон длин волн 400—700 нм, соответствующий видимому свету.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/sun.jpg" width="658" height="658">
  </figure>
  <h1>Меркурий</h1>
  <p>Меркурий (0,4 а. е. от Солнца) является ближайшей планетой к Солнцу и наименьшей
    планетой системы (0,055 массы Земли). У планеты нет спутников. Характерными деталями рельефа
    его поверхности, помимо ударных кратеров, являются многочисленные лопастевидные уступы,
    простирающиеся на сотни километров. Считается, что они возникли в результате приливных
    деформаций на раннем этапе истории планеты во время, когда периоды обращения Меркурия вокруг
    оси и вокруг Солнца не вошли в резонанс. Меркурий имеет крайне разреженную атмосферу,
    она состоит из атомов, «выбитых» с поверхности планеты солнечным ветром.
    Относительно большое железное ядро Меркурия и его тонкая кора ещё не получили удовлетворительного объяснения.
    Имеется гипотеза, предполагающая, что внешние слои планеты, состоящие из лёгких элементов,
    были сорваны в результате гигантского столкновения, в результате которого размеры планеты уменьшились.
    Альтернативно излучение молодого Солнца могло помешать полной аккреции вещества.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mercury.jpg" width="390" height="390">
  </figure>
  <h1>Венера</h1>
  <p>Венера близка по размеру к Земле (0,815 земной массы) и, как и Земля, имеет толстую силикатную
    оболочку вокруг железного ядра и атмосферу (из-за этого Венеру нередко называют «сестрой» Земли).
    Имеются также свидетельства её внутренней геологической активности. Однако количество воды на Венере
    гораздо меньше земного, а её атмосфера в 90 раз плотнее. У Венеры нет спутников. Это самая горячая
    планета нашей системы, температура её поверхности превышает 400 °C. Наиболее вероятной причиной столь
    высокой температуры является парниковый эффект, возникающий из-за плотной атмосферы,
    богатой углекислым газом. Явных признаков современной геологической активности на Венере не обнаружено,
    но, так как у неё нет магнитного поля, которое предотвратило бы истощение её плотной атмосферы,
    это позволяет допустить, что её атмосфера регулярно пополняется вулканическими извержениями.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/venus.jpg" width="390" height="390">
  </figure>
  <h1>Земля</h1>
  <p>Земля является крупнейшей и самой плотной из планет земной группы. У Земли наблюдается
    тектоника плит. Вопрос о наличии жизни где-либо, кроме Земли, остаётся открытым. Среди планет
    земной группы Земля является уникальной (прежде всего, за счет гидросферы). Атмосфера Земли радикально отличается
    от атмосфер других планет — она содержит свободный кислород. У Земли есть один естественный спутник — Луна,
    единственный большой спутник планет земной группы Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/earth.jpg" width="390" height="390">
  </figure>
  <h1>Марс</h1>
  <p>Марс меньше Земли и Венеры (0,107 массы Земли). Он обладает атмосферой, состоящей главным образом из
    углекислого газа, с поверхностным давлением 6,1 мбар (0,6 % от земного). На его поверхности есть вулканы,
    самый большой из которых, Олимп, превышает размерами все земные вулканы, достигая высоты 21,2 км.
    Рифтовые впадины (долины Маринер) наряду с вулканами свидетельствуют о былой геологической активности, которая,
    по некоторым данным, продолжалась даже в течение последних 2 млн лет. Красный цвет поверхности Марса вызван
    большим количеством оксида железа в его грунте. У планеты есть два спутника — Фобос и Деймос. Предполагается,
    что они являются захваченными астероидами. На сегодняшний день (после Земли) Марс — самая подробно изученная
    планета Солнечной системы.</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/mars.jpg" width="390" height="390">
  </figure>
  <h1>Юпитер</h1>
  <p>Юпитер обладает массой в 318 раз больше земной, и в 2,5 раза массивнее всех остальных планет, вместе взятых.
    Он состоит главным образом из водорода и гелия. Высокая внутренняя температура Юпитера вызывает множество
    полупостоянных вихревых структур в его атмосфере, таких как полосы облаков и Большое красное пятно.</p>
  <p>У Юпитера имеется 79 спутников. Четыре крупнейших — Ганимед, Каллисто, Ио и Европа — схожи с планетами
    земной группы такими явлениями, как вулканическая активность и внутренний нагрев. Ганимед, крупнейший
    спутник в Солнечной системе, превосходит по размеру Меркурий</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/jupiter.jpg" width="390" height="390">
  </figure>
  <h1>Сатурн</h1>
  <p>Сатурн, известный своей обширной системой колец, имеет несколько схожие с Юпитером структуру
    атмосферы и магнитосферы. Хотя объём Сатурна составляет 60 % юпитерианского, масса (95 масс Земли) — меньше трети
    юпитерианской; таким образом, Сатурн — наименее плотная планета
    Солнечной системы (его средняя плотность меньше плотности воды).</p>
  <p>У Сатурна имеется 62 подтверждённых спутника; два из них — Титан и Энцелад — проявляют признаки
    геологической активности. Активность эта, однако, не схожа с земной, поскольку в значительной степени
    обусловлена активностью льда. Титан, превосходящий размерами Меркурий, — единственный
    спутник в Солнечной системе с существенной атмосферой</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/saturn.jpg" width="805" height="390">
  </figure>
  <h1>Уран</h1>
  <p>Уран с массой в 14 раз больше, чем у Земли, является самой лёгкой из планет-гигантов.
    Уникальным среди других планет его делает то, что он вращается «лёжа на боку»: наклон оси его
    вращения к плоскости эклиптики равен примерно 98°. Если другие планеты можно сравнить с
    вращающимися волчками, то Уран больше похож на катящийся шар. Он имеет намного более холодное
    ядро, чем другие газовые гиганты, и излучает в космос очень мало тепла.</p>
  <p>У Урана открыты 27 спутников; крупнейшие — Титания, Оберон, Умбриэль, Ариэль и Миранда</p>
  <figure>
    <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/uranus.jpg" width="390" height="390">
  </figure>
  <h1>Нептун</h1>
  <p>Нептун, хотя и немного меньше Урана, более массивен (17 масс Земли) и поэтому более плотный.
    Он излучает больше внутреннего тепла, но не так много, как Юпитер или Сатурн.</p>
  <p>У Нептуна имеется 14 известных спутников. Крупнейший — Тритон, является геологически активным,
    с гейзерами жидкого азота. Тритон — единственный крупный спутник, движущийся в обратном направлении.
    Также Нептун сопровождается астероидами, называемыми троянцы Нептуна, которые находятся с ним в резонансе 1:1</p>
   <figure>
     <img src="placeholder.svg" data-src="https://ru.js.cx/clipart/solar/neptune.jpg" width="390" height="390">
   </figure>
   <script>
    function isVisible(elem) {
      let coords = elem.getBoundingClientRect();
      let windowHeight = document.documentElement.clientHeight;
      let topVisible = coords.top > 0 && coords.top < windowHeight;
      let bottomVisible = coords.bottom < windowHeight && coords.bottom > 0;
      return topVisible || bottomVisible;
    }
    function showVisible() {
      for (let img of document.querySelectorAll('img')) {
        let realSrc = img.dataset.src;
        if (!realSrc) continue;
        if (isVisible(img)) {
          realSrc += '?nocache=' + Math.random();
          img.src = realSrc;
          img.dataset.src = '';
        }
      }
    }
    window.addEventListener('scroll', showVisible);
    showVisible();
  </script>
</body>
</html>
0
1187 / 757 / 127
Регистрация: 10.03.2012
Сообщений: 4,864
22.12.2024, 15:01  [ТС]
JavaScript
1
2
3
4
5
6
7
8
9
function isVisible(elem) {
      let coords = elem.getBoundingClientRect();
      let windowHeight = document.documentElement.clientHeight;
      let extendedTop = -windowHeight;
      let extendedBottom = 2 * windowHeight;
      let topVisible = coords.top > extendedTop && coords.top < extendedBottom;
      let bottomVisible = coords.bottom < extendedBottom && coords.bottom > extendedTop;
      return topVisible || bottomVisible;
    }
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.12.2024, 15:01
Помогаю со студенческими работами здесь

Отложенная загрузка изображений
-Необходимо чтобы изображения указывались в теге scr, на тот случай. Когда js отключен и пользователь получит контент как обычно. ...

pagespeed и отложенная загрузка изображений
google pagespeed для сайта рекомендует настроить отложенную загрузку скрытых изображений Для этих изображений я сделал отложенную...

Загрузка изображений
Здравствуйте, имеется такой код. var...

Загрузка изображений
Всем привет! Подскажите как правильно организовать. Есть доска объявлений http://board.paradiseholdingsl.com/ Вопрос в том, что в...

Загрузка изображений
Доброго времени суток. Подскажите как сделать загрузку картинок, что бы при выборе картинок было видно привью.


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
сукцессия микоризы: основная теория в виде двух уравнений.
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. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru