Bild kann nicht geladen werden html5?

Hallo ich programmiere seit paar tagen html5 heute wollte ich bilder einfügen <img src="C:\Users\test\desktop\girl.jpg>

Allerdings wenn ich die html öffne sehe ich das bild nicht nur den alternativtext. Wenn ich dann auf Untersuchen gehe steht da Grafik konnte nicht geladen werden was kann ich dagegen tun?

Bild zum Beitrag

5 Antworten

JayC71

11.06.2019, 20:22

die src vom Image muss auch über den Browser (Internet erreichbar sein) - Wie soll der Browser des Besuchers auf deine C: Festplatte zugreifen?

Also packe das Bild auch da hin und referenziere es von dort wo auch der Browser einen Zugriff hat.

Woher ich das weiß:Berufserfahrung – Software-Entwickler

Luchs12345

Fragesteller

11.06.2019, 20:23

Und wohin soll ich sie legen?

JayC71

11.06.2019, 20:25

@Luchs12345

Wie öffnest du dann die HTML Seite? Einfach doppelklicken oder läuft die über einen lokalen Webserver?

JayC71

11.06.2019, 20:27

@Luchs12345

lege einen ordner an wo auch die html datei liegt, beispiel "bilder" - in dem bilder ordner legst deine bilder ab und referenzierst dann auf die.

<img src="bilder/bild1.jpg"........

Luchs12345

Fragesteller

11.06.2019, 20:27

@JayC71

Die html datei liegt aber auf dem desktop.

Luchs12345

Fragesteller

11.06.2019, 20:28

@JayC71

Nein kein webserver

JayC71

11.06.2019, 20:28

@Luchs12345

dann erstelle dir auf dem desktop einen ordner PROJEKTE und lege dort alles ab, mein gott :)

PeterP58

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

11.06.2019, 20:20

Statt "C:\User...\ *.jpg" ... nur .. wo liegen denn die Dateien?

Wenn Du C:\ (< das ist MEINE Festplatte) schreibst, ... wird es mir nicht angezeigt, weil ich das Bild nicht habe!

Relative-Pfade verwenden. Also: "src="test/pictures/girl.jpg".

Woher ich das weiß:Hobby

Luchs12345

Fragesteller

11.06.2019, 20:24

Okay ich versuch das mal.

PeterP58

12.06.2019, 11:56

@Luchs12345

Hat's "funktionklappt"?

wsdwsdwsd

12.06.2019, 08:03

Hallo,

gewöhne dir so etwas gar nicht an! Immer relative Pfade benutzen! Also wenn du z.B. im Desktop einen Ordner namens html hast, wo dein index.html liegt (wenn die Seite fertig_programmieren deine Homepage ist, nenne diese index.html!), erstelle in dem Ordner html ein Ordner img oder images und kopiere dann dein Bild in den Ordner.

<img src="img/girl.jpg" alt="test" width="100">
<!-- Wenn der Ordner images heißt: -->
<img src="images/girl.jpg" alt="test" width="100">

LocalFlow

11.06.2019, 20:19

Sicher das das Bild eine JPEG Datei ist?

Edit: Schon gut, aber du musst natürlich auch den User angeben :D

Woher ich das weiß:Hobby – Hobby-Entwickler in diversen Sprachen seit 2017

Luchs12345

Fragesteller

11.06.2019, 20:20

Ich habe eine jpg datei keine jpeg ist das schlimm ich habe schon viele gesehen die jpg dateien genutzt haben?

LocalFlow

11.06.2019, 20:21

@Luchs12345

Nein alles gut, es liegt am Pfad. Versuch mal dashier (<USERNAME> durch deinen Usernamen ersetzen) C:\Users\<USERNAME>\Desktop\girl.jpg

Luchs12345

Fragesteller

11.06.2019, 20:22

@LocalFlow

Hab ich doch mein user heisst test. 😅 Frag nicht. 😂

Luchs12345

Fragesteller

11.06.2019, 20:29

Ich habe den iser ja angegeben

RakonDark

11.06.2019, 20:20

hast du den Zugriff auf Users/test/Pictures ? und meist läuft ds doch mit files:\\\ ...

Luchs12345

Fragesteller

11.06.2019, 20:21

Ja habe ich. Warum sollte ich es nicht haben habe ja mit dem account gemacht.

RakonDark

11.06.2019, 20:35

@Luchs12345

mach mal mit file:///

Moin! Ich arbeite grade an einer Website und was wäre eine Website ohne Bilder? Habe nun versucht ein Bild einzufügen, welches von Firefox aber nicht angezeigt wird. Es zeigt lediglich den Alternativtext. Internetexplorer wiederrum zeigt das Bild aber an. Code sieht wie folgt aus:

img src="C:/Users/[...]/Desktop/Working_files_Bootstrap/OfficePC.jpg" alt="OfficePC"

Habe < am Anfang und /> am Ende weggelassen, damit der Code nicht verschwindet

Natürlich mit dazugehörigem HTML Gerüst etc.

Weiß jemand, was da falsch läuft?

...zur Frage

CSS-Bild-Text?

Hallo, wie lautet der Befehl, wenn ein Text und ein Bild auf der gleichen Linie stehen?

<div class="räderContainer">
                    <h3 class="h41">Text</h3>
                    <img class="rad" src="zahnrad.png">
                </div>

...zur Frage

HTML - Wie kriege ich Text in einen Facebook-Teilen-Button?

Ich kann ohne weiteres einen Text in einen WhatsApp-Teilen-Button bringen, der dann bei einem Empfänger angezeigt wird.

Als Beispiel:

Geht das auch bei Facebook? Hier der HTML-Text zu Facebook.

An welcher Stelle müsste ich den Text "Dieses%20ist%20ein%20Beispieltext%20für%20Gutefrage." in Facebook einfügen so wie in WhatsApp?

...zur Frage

HTML-Webseite: Bild einfügen funktioniert nicht?

<section id="about">
  <h3>About</h3>
  <hr>
  <img src="img/avatar.png" alt="Avatar"/>
  <h4>Mathias by Recedency</h4>

Sieht jemand von euch den Fehler?

Vielen Dank für eure Antworten.

...zur Frage

Pygame / Python: Bild lädt nicht?

Hi und hallo an die Community!

Ich bin schon etwas länger in der Python-Programmierung und bin gerade an einem Spiel. Wenn ich mit Pygame nun ein Bild laden möchte, dann wird es nicht im Verzeichnis, sondern auf dem Desktop geladen. Vorher hat es standardmäßig im Verzeichnis des Spiels und somit auch im Unterordner "img" geladen.

Code:

sun_img = pygame.image.load('img/sun.png')

Fehler:

Exception has occurred: FileNotFoundError
No file 'img/sun.png' found in working directory 'C:\Users\***\Desktop'.
  File "C:\Users\***\Desktop\***\***\***.py", line 52, in <module>
    sun_img = pygame.image.load('img/sun.png')

Für jede Hilfe bin ich dankbar. :)

...zur Frage

Ladebalken solange Seite Geladen wird. HTML5

Hallo!

ich Programmiere momentan meine eigene HP.

Nun möchte ich gerne das ein Ladebalken angezeigt wird, wie weit die Seite schon geladen ist.

So das wenn der Nutzer beispielsweise ein Bild runtergeladen hat von der Seite, das der Ladebalken immer voller wird. So wie ein Ladebalken halt auch ist. :-)

Kennt ihr eventuell einen Code? ich suche schon länger aber so wirklich finden tue ich leider nichts, daher seid ihr meine fast letzte Hoffnung ^-^

LG! :)

...zur Frage

Bilder werden wegen htaccess nicht angezeigt?

Moin zusammen,

ich habe alle Bilder auf einer Subdomain (bspw. img.example.com) in einem geschützten Verzeichnis. Nun möchte ich diese auf einer anderen Seite (bspw. example.com/index.php) anzeigen. Allerdings werden die Bilder nicht angezeigt, weil ich selbst keinen Zugriff auf das geschützte Verzeichnis habe.

In der index.php bspw. so:

<img src="http://img.example.com/1.png">

Gibt es eine Möglichkeit die Login Credentials für das Verzeichnis mit zu übergeben, sodass die Bilder geladen werden können? Oder wie stelle ich das richtig an? Geht das vielleicht mit PHP?

MfG

...zur Frage

HTML Text verschiebt sich?

Hallo... Ich programmiere gerade eine Seite und möchte ein Bild rechts oben einfügen. Dazu benutze ich diesen Script: <img src="https://steamuserimages-a.akamaihd.net/ugc/109607797360622796/082FD74234D265BD8E8F60B2F75F94288E506F54/" img align="right">

Mein Problem ist dass sich der Text der links davon centriert in der Mitte ist weiter nach Links verschiebt obwohl das Bild den Text nicht berührt. Wenn ich das Bild in hintergrund setze um dieses Problem zu vermeiden wird das Bild unsichtbar. Und die größe des Bildes möchte ich auch nicht ändern. Kann mir wer sagen wie ich das Bild so hinbekomme das es den Text nicht verschiebt?

...zur Frage

Bild im footer?

Guten Tag

Ich habe ein Problem mit einem Bild im footer (statt wie beim letzten Mal in der Navbar).

Mein HTML Footer:

<h3>Matthias<span>Heiniger</span></h3>

<a href="#">Bewerbung</a>

<a href="#">Projekte</a>

<a href="#">Workbooks</a>

<a href="#">Kontakt</a>

</p>

</div>

</footer>

Mein CSS Code für das Bild zum einfügen:

footer {

background-image: url(/03_HTMLCSS/01_Website/Bilder/VektorDesignElemente/png/UntenLnks2_1.png);

background-repeat: no-repeat;

background-size: 19%;

position: relative;

z-index: 1;

font-size: 25px;

padding: 0;

}

Momentan wird das Bild so angezeigt:

Mein Problem: Das Bild (Das Blaue Bild) möchte ich unten Links platzieren aber es geht nicht bis an den "Boden"

Vielen Dank für die Antworten

Freundliche Grüsse

...zur Frage

JavaScript: Wie kann ich ein Bild in mein Canvas einfügen?

Servus!

Ich möchte gerne ein Bild in mein Canvas einfügen. Es klappt aber nicht und die Konsole zeigt auch keine Fehlermeldungen an.

Ich habe folgenden Code:

var canvas = document.getElementById("gameScreen");
var context = canvas.getContext("2d");
var imgBall = document.getElementById('img_ball');

function make_ball() {
  imgBall = new Image();
  imgBall.onload = function() {
    context.drawImage(imgBall, 10, 10);
  }
}

make_ball();

In der HTML-Datei habe ich noch src und die id (img_ball) in das img-Tag geschrieben.

Vielleicht findet ja von euch jemand den Fehler.

Dankeschön.

...zur Frage

mit klasse von bild in HTML CSS einbinden?

Moin ich habe folgendes Problem:

Ich bin daran eine Webseite für meine Bewerbung zu schreiben, und ich habe dementsprechend ein Bild von mir mit rein gepackt.

jetzt wollte ich eine Klasse im <img src="blablabla" alt=" "> definieren.

ich weiss nicht wieso aber im CSS Stylesheet erkennt es die Klasse dann nicht, jedenfalls wird auf der Website nichts verändert.

Hier noch die Fotos von meinem Code:

CSS

HTML

Habe ich irgend etwas falsch gemacht oder kann mir sonst jemand helfen?

...zur Frage

Bild verkleinern ohne die div kleiner zu machen?

Ich will ein Bild verkleinern ohne ein Div kleiner zu machen, wie geht das?:

    <div class="container-book1">
        <img class="book-image" src="48gesetze1.jpg">  
    </div>

.book-image {
    box-shadow: 10px 10px 10px rgb(14, 14, 14);
}

...zur Frage

Bootstrap Column Anordnung ändern (mobile)?

Hallo liebe Community,

ich arbeite gerade an einem Webshop und erstelle die Startseite selbst mit HTML und CSS und dem Bootstrap Grid Layout. Nun habe ich Bilder und Texte welche auf dem Desktop jeweils abwechselnd und untereinander kommen.

Also jeweils Bild und Text in einer "row" und dann entweder der Text oder das Bild als erstes. So ergibt sich in der Reihenfolge: Text-Bild, Bild-Text.

Für die Desktopansicht ist das auch genau so gewünscht, allerdings hätte ich gerne wenn die Columns beim Smartphone untereinander rutschen, dass nicht zwei Bilder nacheinander kommen, sondern: Text-Bild, Text-Bild.

Wie lässt sich das realisieren?

Hier mal ein bisschen Code, sehr reduziert.

Doppelter Content und ein/ausblenden über "hidden" ist für mich nicht möglich aus SEO-Gründen.

Danke :)

  <div class="container">

    <div class="row">
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor.</p>
      </div>
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
    </div>

    <div class="row">
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor sit.</p>
      </div>
    </div>

  </div>

...zur Frage

HTML/CSS, Bilder werden nicht angezeigt?

Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen