Hur gör jag en länk till mitt foto?

Permalänk
Medlem

Hur gör jag en länk till mitt foto?

Jag har gjort det förr, fått tips härifrån, men nu har jag googlat som en gnu och hittar ingen bra lösning. Som jag minns det laddade jag bara upp bilden på någon sida och fick därmed en url till mitt foto. Kan någon hjälpa mig? Håller på med en hemsideuppgift via skolan och tänkta ladda upp egna bilder istället för att låna på Google..

Permalänk
Medlem

- Ladda upp bilden på en hostingsida för bilder.
- Högerklicka på den uppladdade bilen och välj "kopiera bildlänk".
- Klistra in bilden i din presentation med URL:en du kopierade. Ibland kan det behövas att man anger att det är en bildlänk man länkar till för att den ska synas.

Visa signatur

På Internet sedan 1997.

Permalänk
Medlem
Visa signatur

press nu1mlock

Permalänk
Hedersmedlem

Vad menar du med "hemsideuppgift"? Är din uppgift att bygga en hemsida? Då borde du ju kunna ladda upp bilden i frågan till webbservern hemsidan ligger på, istället för att använda en tredjeparts hostingtjänst.

Permalänk
Medlem
Skrivet av pv2b:

Vad menar du med "hemsideuppgift"? Är din uppgift att bygga en hemsida? Då borde du ju kunna ladda upp bilden i frågan till webbservern hemsidan ligger på, istället för att använda en tredjeparts hostingtjänst.

Jag kodar i Visual studio code..

Permalänk
Hedersmedlem
Skrivet av Maddah:

Jag kodar i Visual studio code..

Vad är det du kodar för något? HTML?

Då bör du ju bara kunna lägga bilden i samma mapp som din html-kod och bara skriva typ

<img src="minbild.jpg" />

Permalänk
Medlem
Skrivet av pv2b:

Vad är det du kodar för något? HTML?

Då bör du ju bara kunna lägga bilden i samma mapp som din html-kod och bara skriva typ

<img src="minbild.jpg" />

Jag vet inte, går egentligen backend, detta är typ tredje dagen på HTML/CSS och vi ska göra en hemsida. Kan jag alltså lägga bilderna i mappen och kunna lägga upp dom därifrån?

Permalänk
Medlem

Varför fungerar det inte?

<h2>Images</h2>
<img src="<img src="https://imgur.com/a/TY9Fu0n"/>" alt="Glad bild" width="300">
<img src="link_to_sad_image" alt="Sad Image" width="300">

Permalänk
Medlem
Skrivet av Maddah:

Varför fungerar det inte?

<h2>Images</h2>
<img src="<img src="https://imgur.com/a/TY9Fu0n"/>" alt="Glad bild" width="300">
<img src="link_to_sad_image" alt="Sad Image" width="300">

Vad vill du göra? Du kan inte skriva HTML-kod och klistra in i ett forum.

Visa signatur

press nu1mlock

Permalänk
Medlem
Skrivet av nu1mlock:

Vad vill du göra? Du kan inte skriva HTML-kod och klistra in i ett forum.

Jag ska göra en hemsida och klistra in en bild. Hade kunnat göra det enkelt för mig och ta en bild från Google, men vill använda en egen från min dator..

Permalänk
Medlem
Skrivet av Maddah:

Varför fungerar det inte?

<h2>Images</h2>
<img src="<img src="https://imgur.com/a/TY9Fu0n"/>" alt="Glad bild" width="300">
<img src="link_to_sad_image" alt="Sad Image" width="300">

Därför du har en hel <img> tagg som src.
Sedan behöver du ha länken till bilden i sig, inte till imgurs landningssida:
https://i.imgur.com/HA0x7Xy.jpeg

<img src="https://i.imgur.com/HA0x7Xy.jpeg" alt="Glad bild" width="300">

borde fungera bättre

Visa signatur

CPU: Ryzen 9 3900x Noctua NH-D14 MOBO: TUF Gaming X570-PLUS GPU: GTX 980 RAM: 32 GB 3200 MHz Chassi: R4 PSU: Corsair AX860 Hörlurar: SteelSeries 840 Mus: Logitech G502 Lightspeed V.v. nämn eller citera mig för att få svar.

Permalänk
Medlem
Skrivet av Maddah:

Jag ska göra en hemsida och klistra in en bild. Hade kunnat göra det enkelt för mig och ta en bild från Google, men vill använda en egen från min dator..

Använd bilden från nätet:

<img src="https://i.imgur.com/HA0x7Xy.jpeg" alt="Sad image">

Lägg bilden i samma mapp som HTML-filen:

<img src="bild.jpg" alt="Sad image">

Edit: Jag var för seg.

Visa signatur

press nu1mlock

Permalänk
Hedersmedlem

Du vill inte "hetlänka" bilder från imgur på det sättet. Lägg filen i samma katalog som dina HTML-filer och skriv bara filnamnet istället för en hel URL.

Permalänk
Medlem
Skrivet av pv2b:

Du vill inte "hetlänka" bilder från imgur på det sättet.

Varför vill man inte göra det? Genuin fråga!

Visa signatur

press nu1mlock

Permalänk
Hedersmedlem
Skrivet av nu1mlock:

Varför vill man inte göra det? Genuin fråga!

Om du har en egen webbserver. Använd den istället för att förlita dig på gratistjänster som är tredjeparts. Att använda tredjeparts hostingtjänster betyder att din bild när som helst kan raderas eller förvanskas av den som driver hostingtjänsten.

Särskilt med tanke på att gratis hostingtjänster lite när som helst kan bestämma sig för att gå i konkurs, radera "onödiga" bilder, eller ersätta dina bilder med annonser för att tjäna lite pengar.

Gå in på valfri forumtråd som är några år gammal här på forumet så får du se hur många av bilderna som fortfarande funkar.

Permalänk
Medlem
Skrivet av nu1mlock:

Använd bilden från nätet:

<img src="https://i.imgur.com/HA0x7Xy.jpeg" alt="Sad image">

Lägg bilden i samma mapp som HTML-filen:

<img src="bild.jpg" alt="Sad image">

Edit: Jag var för seg.

Tack, det fungerar!

Permalänk
Medlem
Skrivet av pv2b:

Om du har en egen webbserver. Använd den istället för att förlita dig på gratistjänster som är tredjeparts. Att använda tredjeparts hostingtjänster betyder att din bild när som helst kan raderas eller förvanskas av den som driver hostingtjänsten.

Särskilt med tanke på att gratis hostingtjänster lite när som helst kan bestämma sig för att gå i konkurs, radera "onödiga" bilder, eller ersätta dina bilder med annonser för att tjäna lite pengar.

Gå in på valfri forumtråd som är några år gammal här på forumet så får du se hur många av bilderna som fortfarande funkar.

Okej, du menar av den anledningen. Ja, många tjänster har ju gått i graven men Imgur lever än. I min erfarenhet så lever även bilder från Imgur mycket längre än bilder från egna webbservrar.

Visa signatur

press nu1mlock

Permalänk
Hedersmedlem
Skrivet av nu1mlock:

Okej, du menar av den anledningen. Ja, många tjänster har ju gått i graven men Imgur lever än. I min erfarenhet så lever även bilder från Imgur mycket längre än bilder från egna webbservrar.

Ja, men i det här fallet så är det inte foruminlägg det handlar om, utan att man skriver sin egen webbsida. Då laddar man så klart upp HTML-filen och bilderna till samma ställe. Lever det ena så lever det andra.

Permalänk
Medlem
Skrivet av Haptic:

Därför du har en hel <img> tagg som src.
Sedan behöver du ha länken till bilden i sig, inte till imgurs landningssida:
https://i.imgur.com/HA0x7Xy.jpeg

<img src="https://i.imgur.com/HA0x7Xy.jpeg" alt="Glad bild" width="300">

borde fungera bättre

Får det inte att fungera med nästa bild, hur gjorde du exakt?

Permalänk
Medlem
Skrivet av Maddah:

Får det inte att fungera med nästa bild, hur gjorde du exakt?

Gör likadant men byt ut länken till andra bilden. Lägg bilden i samma mapp som HTML-filen.

<img src="bild2.jpg">

Skrivet av pv2b:

Ja, men i det här fallet så är det inte foruminlägg det handlar om, utan att man skriver sin egen webbsida. Då laddar man så klart upp HTML-filen och bilderna till samma ställe. Lever det ena så lever det andra.

Absolut, då är jag med och jag håller med dig!

Visa signatur

press nu1mlock

Permalänk
Medlem

Two images, one that represents you when you're happy and the other to represent you when you're sad.
(These can be any images you like. Consider searching for images on Google Image Search).

Jag vill inte söka på Google, vill ha mina egna bilder på min egna hemsida..

Permalänk
Medlem
Skrivet av Maddah:

Får det inte att fungera med nästa bild, hur gjorde du exakt?

om du har laddat upp bilden på imgur så kommer du til en sida som ser ut såhär:
https://imgur.com/a/TY9Fu0n
högerklicka på bilden och välj "kopiera bildadress" ("copy image address")
då får du en som har en filändelse i stil med tex .jpeg
använd den som src=""

Visa signatur

CPU: Ryzen 9 3900x Noctua NH-D14 MOBO: TUF Gaming X570-PLUS GPU: GTX 980 RAM: 32 GB 3200 MHz Chassi: R4 PSU: Corsair AX860 Hörlurar: SteelSeries 840 Mus: Logitech G502 Lightspeed V.v. nämn eller citera mig för att få svar.

Permalänk
Medlem
Skrivet av Maddah:

Two images, one that represents you when you're happy and the other to represent you when you're sad.
(These can be any images you like. Consider searching for images on Google Image Search).

Jag vill inte söka på Google, vill ha mina egna bilder på min egna hemsida..

Där kommer ju läsförståelsen in.
Two images, one that represents you when you're happy and the other to represent you when you're sad.
Sidan skall visa två bilder som du har lokalt vad jag förstår iom med practice.

(These can be any images you like. Consider searching for images on Google Image Search).
Du får ladda ned bilder från google eller andra sidor, du måste inte ta dem själv med din egna kamera tex.

Oavsett vad så har du svaret

Skrivet av Haptic:

Därför du har en hel <img> tagg som src.
Sedan behöver du ha länken till bilden i sig, inte till imgurs landningssida:
https://i.imgur.com/HA0x7Xy.jpeg

<img src="https://i.imgur.com/HA0x7Xy.jpeg" alt="Glad bild" width="300">

borde fungera bättre

Skrivet av nu1mlock:

Gör likadant men byt ut länken till andra bilden. Lägg bilden i samma mapp som HTML-filen.

<img src="bild2.jpg">

Absolut, då är jag med och jag håller med dig!

Visa signatur

I7 12700K, Asus RTX 3080 TI, Alienware AW3423DW och annat smått o gott.

Permalänk
Medlem
Skrivet av Sh4d0wfi3nd:

Där kommer ju läsförståelsen in.
Two images, one that represents you when you're happy and the other to represent you when you're sad.
Sidan skall visa två bilder som du har lokalt vad jag förstår iom med practice.

(These can be any images you like. Consider searching for images on Google Image Search).
Du får ladda ned bilder från google eller andra sidor, du måste inte ta dem själv med din egna kamera tex.

Oavsett vad så har du svaret

Jag förstår, men hur fick du fram länken till min bild? Detta är inte ett stort moment i uppgiften, det är bara jag som inte vill ta foton från Google, som de föreslår. Vill bara vidare till CSS som jag tycker är riktigt roligt. Skoldagen är över, men kan sitta hela natten med detta

Permalänk
Medlem
Skrivet av Maddah:

Jag förstår, men hur fick du fram länken till min bild? Detta är inte ett stort moment i uppgiften, det är bara jag som inte vill ta foton från Google, som de föreslår. Vill bara vidare till CSS som jag tycker är riktigt roligt. Skoldagen är över, men kan sitta hela natten med detta

Med andra ord, hur fick du fram den nya länken som fungerar?

Permalänk
Medlem
Skrivet av Maddah:

Med andra ord, hur fick du fram den nya länken som fungerar?

Högerklicka på bilden och kopiera bildadressen.

Men istället för att ladda upp bilderna online så lägg dom i samma mapp som HTML-filen på datorn och använd

<img src="bild1.jpg"> <img src="bild2.jpg">

Byt namn på bilderna till bild1.jpg och bild2.jpg.

Visa signatur

press nu1mlock

Permalänk
Medlem
Skrivet av nu1mlock:

Högerklicka på bilden och kopiera bildadressen.

Men istället för att ladda upp bilderna online så lägg dom i samma mapp som HTML-filen på datorn och använd

<img src="bild1.jpg"> <img src="bild2.jpg">

Byt namn på bilderna till bild1.jpg och bild2.jpg.

Tack!

Permalänk
Medlem

Med all respekt, den bästa egenskapen du kan lära dig inom programmering är att googla lösningar på problem du står inför.