Question

我的HTML图片代码出现问题。加载前几个图像，然后其余图像加载。它们在直接访问时加载，但不通过页面加载。请参见此页：http://swaba.gaming.multiplay.co.uk/cinderella/cinderella.html#tonights-the-night （这是为了帮助学校游戏的朋友）这是我使用的图像代码：

<h1 class="sans">Lyrics</h1>
<br>
<a id="tonights-the-night">
<h3 class="semi-sans">Tonight's The Night</h3></a> <img alt="Cinderella Lyrics" src="01.png" width="800"><br>
<a id="a-friend-like-you">
<h3 class="semi-sans">A Friend Like You</h3></a> <img alt="Cinderella Lyrics" src="02.png" width="800"><br>
<a id="its-not-all-its-cracked-up-to-be">
<h3 class="semi-sans">It's Not All It's Cracked Up To Be</h3></a> <img alt="Cinderella Lyrics" src="03.png" width="800"><br>
<a id="im-so-in-love-with-me">
<h3 class="semi-sans">I'm So In Love With Me</h3></a> <img alt="Cinderella Lyrics" src="04.png" width="800"><br>
<a id="youre-going-to-the-ball">
<h3 class="semi-sans">You're Going To The Ball</h3></a> <img alt="Cinderella Lyrics" src="05.png" width="800"><br>
<a id="theres-a-party-here-tonight">
<h3 class="semi-sans">There's A Party Here Tonight</h3></a> <img alt="Cinderella Lyrics" src="06.png" width="800"><br>
<a id="a-ton-of-love">src="07.png" width="800"><br>
<a id="if-i-had-one-wish">
<h3 class="semi-sans">If I Had One Wish</h3></a> <img alt="Cinderella Lyrics" src="08.png" width="800"><br>
<a id="your-feet-are-too-big">
<h3 class="semi-sans">Your Feet Are Too Big</h3></a> <img alt="Cinderella Lyrics" src="09.png" width="800"><br>
<img alt="Cinderella Lyrics" src="09-2.png" width="800"><br>
<a id="happy-ever-afters">
<h3 class="semi-sans">Happy Ever Afters</h3></a> <img alt=
"Cinderella Lyrics" src="10.png" width="800"><br>

非常感谢任何帮助！

PS：图像在'03 .png'之后停止加载

编辑：图片在Firefox中正确加载，而不是在Chrome上。

Answer 1

在这里回答我自己的问题：

我需要执行以下操作来修复：

•降低图像的分辨率。当时我使用标签的宽度功能来重新调整大小，给浏览器带来很大的压力。

•设置高度要素

•并压缩图像

这一切都让我能够在我的网站上看到歌词！

图像直接加载，但不在实际页面上

1 个答案: