Website

nonkel fried · 07 sep 2010, 12:59

Beste Forumvrienden
Ik ben bezig met een website voor senioren te maken,en wil onder mijn hobbies: Fotografie enkele foto's bijvoegen van het type (jpeg)afbeelging,maar dit mislukt steeds en krijg steeds een rechthoekig kadertje met daarin het sluitingsteken (x)op een rode achtergrond.
ik voer dat als volgt in.
<img src="Sporter.Harley Davidson.jpeg" width="97 height="59">
Wat doe ik verkeerd, kunnen jullie mij helpen ?

Groetjes
Nonkel Fried

hollygan · 07 sep 2010, 14:14

staat de foto wel (los) in je rootfolder? dit is de map waarin ook je index.html staat
is de schrijfwijze vd naam in je code precies dezelfde als bij de foto?
sporter.harley davidson.jpg is niet hetzelfde als Sporter.Harley Davidson.jpeg
is het punt achter Sporter. ook in de originele naam aanwezig?

Gast · 07 sep 2010, 18:45

Sporter.Harley Davidson.jpeg

Bestandsnaam kan zelfs niet met een programma geopend worden.
Sporter_Harley_Davidson.jpeg moet het bestand genoemd worden

ultddave · 07 sep 2010, 19:02

Er mogen punten in de bestandsnaam voorkomen hoor.
(Ik kan toch alleszins bestanden met meerdere punten gebruiken op mijn linux server.)

In dit geval zal het probleem liggen bij de ".jpeg" (Het is een JPEG bestand, maar de extensie is normaal gezien ".jpg") dat ".jpg" moet zijn. En de spatie in de bestandsnaam die je moet plaatsen als %20.

<img src="Sporter.Harley%20Davidson.jpg" width="97 height="59">

Dat zou normaal gezien wel werken.

Tenzij het bestand niet "Sporter.Harley Davidson.jpg" heet.

staat de foto wel (los) in je rootfolder?

De foto moet in principe in de map staan, waarin het HTML of PHP document staat dat de foto gebruikt.

(Met als uitzondering de bestanden die 'geinclude' worden via de PHP regel 'include' (of gerelateerde functies zoals include_once, require, require_once). De foto's gebruikt in die bestanden, hebben meestal relatieve paden tov de file die ze include.). Dat is niet persé de root map. Maar in de veronderstelling dat dat hier wel het geval is, moet je dat inderdaad eens nakijken.

steeds een rechthoekig kadertje met daarin het sluitingsteken (x)

Dat wil zeggen dat uw "src" wijst naar een foto die niet bestaat. Dit komt door:
A - De foto staat niet op de aangegeven plaats (hetgeen hollygan zei)
B - De naam bij "src" komt niet overeen met de effectieve bestandsnaam van de foto. (Hetgeen we alle 3 vermoeden

)

Hoe dan ook. Het is altijd beter om geen spaties of punten in de originele bestandsnaam te zetten om dit soort situaties te vermijden. Ofwel gebruik je het camelcase.
(Uitleg wat camelcase is: http://nl.wikipedia.org/wiki/CamelCase )

Ofwel doe je zoals Francois laat zien, met underscores (= lage streepjes) ertussen.

De Camelcase versie in dit geval is:
SporterHarleyDavidson.jpg

Uiteraard moet je in die 2 gevallen, de foto zelf hernoemen, en de tekst achter "src" ook. Zodat ze overeenkomen.

PS: Je kan dit topic eventueel ook eens lezen voor bijkomende informatie:
http://www.seniorennet.be/forum/viewtopic.php?p=2914090

Mvg,
Dave

Gast · 07 sep 2010, 19:45

Er mogen punten in de bestandsnaam voorkomen hoor.

Dave, ik ga dit zeker niet betwisten.
Maar alles wat een punt (.) komt, word dat niet aanzien als een extensie

ultddave · 07 sep 2010, 21:00

Neen.

Enkel hetgeen achter de laatste punt staat.
Op Windows is dat makkelijk te testen door bijvoorbeeld een kladblok bestand te openen en op te slaan als "test.test123.txt". Dan zal je zien, dat windows dat bestand nogaltijd standaard opent met kladblok (omdat de extensie .txt gekoppeld is aan dat programma). Dus hij gebruikt effectief enkel de tekst achter de laatste punt.

Bij Linux werkt dat normaal gezien ook zo (dat de extensie hetgeen achter de laatste punt is.)

( De enige bestandsnaam (die gerelateerd is aan websites) die wel problemen geeft op windows is ".htaccess" (extensie = htaccess en de bestandsnaam is dus leeg). Die bestanden bevatten meestal instellingen van de server, maar als je dus lokaal een WAMP server hebt draaien, en je wilt zo een bestand aanmaken, gaat dat niet. Omdat Windows geen bestanden met een 'lege' bestandsnaam toelaat. Maar ik denk dat er bij die servers alternatieven zijn voorzien. )

Maar om de twijfel uit de wereld te helpen, heb ik even een foto met als naam "dsfs.df.png" geupload. En dan gebruikt op mijn site (je kan de broncode bekijken om het te zien):
http://errorplanet.com/uploads/test.html

En zoals je ziet, wordt de afbeelding weergegeven.

Mvg,
Dave

Gast · 07 sep 2010, 21:40

Inderdaad Dave , heb het bestandje kunnen openen. Eerlijk gezegd , dit wist ik nog niet, dat in een bestandsnaam meerdere punten mochten voorkomen voor de extensie.
Terug iets bijgeleerd van een ???? tja hoe moet ik het noemen, een senior ben je nog niet . Laat het me een junior noemen.

nonkel fried · 08 sep 2010, 13:41

Ik wil graag, hollygan, Francois12, Ultggave bedanken voor de snelle reactie op mijn probleem. Helaas is alles wat ik heb uitgetest naar jullie voorstellen ,zelf de camel versie niet gelukt,heeft dit soms te maken met Windows 7 ?. ik blijf verder zoeken ik hoop met jullie hulp.

ultddave · 08 sep 2010, 13:52

Terug iets bijgeleerd van een ???? tja hoe moet ik het noemen, een senior ben je nog niet . Laat het me een junior noemen.

Hehe

.

heeft dit soms te maken met Windows 7 ?.

Die gebruik ik ook. Dus dat maakt niets uit.

Misschien even stap voor stap uitleggen:
- Hernoem uw foto tot "SporterHarleyDavidson.jpg" (dus de camelcase versie).
- Zet die foto in dezelfde map als de HTML pagina die de foto gebruikt.
- In de HTML code van die pagina gebruik je:

<img src="SporterHarleyDavidson.jpg" alt="Harley Davidson" />

Op de plaats waar de foto moet komen.

Als dat niet lukt, zal het probleem waarschijnlijk bij de extensie .jpg liggen. Desnoods kan je bij Start > configuratiescherm > mapopties, tabblad 'Weergave', de optie:
- Extensies voor bekende bestandstypen verbergen UITvinken. Zodat je de extensie ziet.

Heb het even zelf gedaan, hier kan je het resultaat zien:
http://img191.imageshack.us/img191/6871/voorbeeldk.png

Code staat rechts op de foto, in het midden staat de afbeelding (die zwarte streep

), en links zie je het HTML bestand en de afbeelding staan.

Mvg,
Dave

nonkel fried · 08 sep 2010, 17:18

Beste ulddave
ik heb je richtlijnen gevolgd,met uw aangegeven Quote,alsook via het Configuratiescherm de optie -Extensies voor bekende bestandstypen verbergen uigevinkt.

Resultaat: Een Reuzegroote foto op mijn wesite ,ik heb dan op het kladblad de Quote vanaf "Harley Davidson" width="110"height="79"/> aan toegevoegt.
Alles is perfect gelukt waarvoor mijn oprechte Dank aan u persoonlijk en het ganse Forumteam.

Groetjes : nonkel fried [/img]