URL van een afbeelding

Status
Niet open voor verdere reacties.

jelleruben

Gebruiker
Lid geworden
11 nov 2006
Berichten
435
Hallo allemaal,

Ik ben bezig met het maken van mijn website, het werkt allemaal. Echter het volgende snap ik niet. Kan misschien liggen aan de server. maar toch even vragen

Op mijn pagina heb ik een afbeelding staan. In de code staat het zo (werkt):
HTML:
<img src="http://mijndomein.nl/foto/images/logo.png" alt="logo" width="180" class="tm-logo">

maar volgens mijn moet het ook zo willen (werk niet)

HTML:
<img src="images/logo.png" alt="logo" width="180" class="tm-logo">

Echter wordt dan de afbeelding niet gezien.

Ik heb lopen zoeken waar dit aan kan liggen, maar ben er niet achter gekomen. Weet iemand hoe dit kan?
 
is er een reden dat je het anders wilt?

De afbeelding staat ergens namelijk mijndomein/foto/images.
Het moet dus worden verwezen naar de foto.

In je tweede html code staat niet de plek waar de afbeelding staat. Dus hoe moet die code dan weten wat hij moet laten zien?
 
Verder is het zo op het domein staat index.html daar staat de map images met de afbeelding.

Verder als je op YouTube kijkt, doen veel webdesigner het zo.
 
Dat zal het verschil zijn tussen het gebruik van aan absoluut pad (directe verwijzing) en een relatief pad (Afhankelijk van je eigen huidige pad).
Een directe verwijzing werkt altijd.

Zie ook:
https://www.w3schools.com/html/html_filepaths.asp
 
Ik weet wat het verschil is.

Maar als ik kijk naar de korte verwijzing moet dat ook werken. Maar dat doet hij niet. Dat is het punt.
 
Een oplossing die wel werkt is de src te laten beginnen met een "/".
Code:
<img src="/foto/images/logo.png" alt="Logo" />
Als je met een / begint dan is dit relatief ten opzicht van mijndomein.nl

Als de hele website in submap mijndomein.nl/foto/ staat dan kan je in de <head> dit zetten
Code:
<base href="http://mijndomein.nl/foto/" />

Met deze base kan je wel src="images/logo.png" gebruiken.
Let op dat nu alle relatieve url's vanuit /foto/ worden gezocht.
 
Laatst bewerkt:
Zoals ook uitgelegd in de link van w3schools die ik plaatste ;)
 
Echt?? :shocked:

Iemand heeft er even naar gekeken, en moest hard lachen. ik had effe een tik fout gemaakt, en keek er echt zo over heen.
image ipv images op de betreffende pagina.

maar iedereen toch heel erg bedankt, om mij op weg te helpen... Ik ben echt toe aan weekend....
 
Nee klopt, alleen tijdens het edditen, deed de pc gekt, dus lopen te klikken en zo in mijn bestand. :rolleyes:

En ja dacht dat mijn html file gewoon nog goed was.
En tijdens trouble shooten. Zag ik het helemaal over het hoofd. En snapte er niets van. Vandaar dat ik dacht misschien een technische iets was. En dat ik het hier de vraag neer heb gelegd.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan