HTML-Bild zeigt nicht

Ich versuche, zu einer einfachen HTML-Seite zu tun, aber aus irgendeinem Grund erschienen einige Bilder nicht, obwohl die src korrekt war. Um den Ursprung des Problems zu finden, habe ich versucht, die Bilder in den Body des HTML-Dokuments einzufügen (außerhalb von divs und ohne die JavaScript-Funktionen, mit denen ich die Bilder manipulierte). Sie erschienen auch nicht! Der Quellcode ist korrekt und die Bilder werden angezeigt, wenn ich sie im Browser öffne (wenn ich die Adresse des Bildes in der URL-Leiste eingebe). HierHTML-Bild zeigt nicht

ist der Code:

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Site2</title> 
 
\t 
 
\t <meta charset="UTF-8"> 
 
\t 
 
</head> 
 
<body> 
 

 
<!-- This image appears --> 
 
<img src="images/header.jpg" style="width:100%"> 
 

 
<!-- This image don't --> 
 
<img src="images/img_1.jpg" alt="tigre" style="width:100%"> 
 

 
</body> 
 
</html>

ich den Ursprung des Problems nicht verstehen kann. Ich habe versucht, die Bilder in einem Editor zu öffnen und beide zu speichern, um zu sehen, ob es ein Problem mit der Kodierung oder ähnlichem gab, aber das Problem blieb bestehen, die Bilder, die vorher erschienen waren, erschienen weiterhin und die anderen blieben weiterhin aus.

EDIT: Wenn ich das zweite Bild auf die gleiche Größe des ersten und auf einer neuen Datei speichern Größe verändert beginnt es zwar verschwommen erscheinen (aufgrund der Größenanpassung):

Bild 1: 1024 x 300

Bild 2: 850 x 315

Die Seite nur lokal ist (ich bin mit Server-Programme nicht) und ich bin mit Rand.

Vielen Dank im Voraus:

Quelle

2017-01-28 André Rosa

Was passiert, wenn Sie das Attribut "alt" aus dem zweiten Bild entfernen. Zeigt es immer noch nicht? – Max

Wenn ich die Alt lösche, wird die "Beschreibung des Bildes" nicht mehr angezeigt. Ja, es wird immer noch nicht angezeigt –

Können Sie die Entwicklertools in Edge verwenden und sehen, ob das ein Problem anzeigt? Vielleicht wird geladen, aber nicht angezeigt? – sol

funktioniert und sieht ok,

https://jsfiddle.net/hts3wdjx/

<!-- This image appears --> 
<img src="http://placehold.it/350x150" style="width:100%;" /> 
<!-- This image don't --> 
<img src="http://placehold.it/350x150" alt="tigre" style="width:100%;"/>

Quelle

2017-01-28 18:09:48 fernando

Das Prblem ist nicht mein HTML-Code, wenn ich den Link zu meinem ersten Bild auf dem zweiten Bild stelle, zeigt es beide an.Das zweite Bild wird nicht angezeigt, wenn ich verwende, aber wenn ich es im Browser öffne, erscheint es. –

Sie Problem images/

<body> 
 

 
<!-- This image appears --> 
 
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBLVUTEfwcBSoQz_SNLw41VH_B76zVbXMgw1FPlQ26cYgC61MyPA" style="width:100%;" /> 
 

 
<!-- This image don't --> 
 
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBLVUTEfwcBSoQz_SNLw41VH_B76zVbXMgw1FPlQ26cYgC61MyPA" alt="tigre" style="width:100%;" /> 
 

 
</body>

ist

Quelle

2017-01-28 18:16:54

Was meinst du? Mein Problem sind die Bilder? Sie werden angezeigt, wenn ich die URL in die URL-Leiste des Browsers lege. –

HTML-Bild zeigt nicht

Antwort

Verwandte Themen