Avatar billede spidr Nybegynder
17. februar 2005 - 13:56 Der er 10 kommentarer og
1 løsning

Tekst istedet for billed, hvis billedet ikke virker?

Kan man gøre sådan at hvis der skal vises et banner som f.eks her: http://www.goog.dk/topandet.php og banneret ikke findes, så skriver den bare teksten istedet for at lave et fejl billed?

evt noget alla: http://www.backside.dk/e/mangler.php

Kunne lave det med imagettft men vil hellere have at den skriver plain tekst :) Håber nogen har en ide :D
Avatar billede imago-dei Nybegynder
17. februar 2005 - 14:01 #1
I <img> tagget skriver du attributten alt="Alternativ tekst"

eks:
<img src="..." alt="billede af min hund">
Avatar billede spidr Nybegynder
17. februar 2005 - 14:10 #2
ehm ja, det ku jeg nok klare, som du kan se har jeg også gjort det på http://www.goog.dk/topandet.php men så laver den stadig et fejl billed, vil bare have den skriver tekst istedet :)
Avatar billede imago-dei Nybegynder
17. februar 2005 - 14:30 #3
Tror ikke du kan fjerne det lille billede med et rødt kryds (i IE 6). Billedet bliver jo ikke sendt, men er noget, som browseren indsætter.

Du kunne evt checke i din kode, om billedet findes eller ej. Og hvis det ikke findes kunne du istedet indsætte et default billede i src, ala det du viser i backside.dk/e/mangler.php
Avatar billede spidr Nybegynder
17. februar 2005 - 14:42 #4
Ja, men det hele sker jo automatisk, har ikke tid til at tjekke alle medlemmer igennem om de nu også har et banner :)

Det http://www.backside.dk/e/mangler.php den gør er jo at indsette et standard banner hvis banneret ikke virker, det må man også kunne gøre så den saetter en tekst ind istedet?
Avatar billede roenving Novice
17. februar 2005 - 14:55 #5
Måske sådan:

<script language="javascript" type="text/javascript">
function indsaetTekst(pic){
  var div = document.createElement('DIV');
  div.style.width = pic.style.width;
  div.style.height = pic.style.height;
  //div.style.display = 'inline';
  div.innerHTML = pic.src;
  pic.parentNode.replaceChild(div,pic);
}
</script>

<img src="nogetVroevl.jpg" onerror="indsaetTekst(this)" style="width:200px;height:150px;">

-- udkommenteringen af inline kan du selvfølgelig fjerne, og du kan vælge at sætte en anden tekst ind, som du også kan overføre for hvert enkelt billede !-)
Avatar billede spidr Nybegynder
17. februar 2005 - 15:28 #6
Wow det virker sørme :)

Tusind tak, super, lige hvad jeg manglede :D

Svar? :D
Avatar billede roenving Novice
17. februar 2005 - 15:29 #7
Velbekomme '-)
Avatar billede spidr Nybegynder
17. februar 2005 - 15:50 #8
LIge en ting mere,

kan det lade sig gøre at det der skal stå istedet for billedet hvis det ikke findes står i img'et?
f.eks:

<img src="nogetVroevl.jpg" onerror="indsaetTekst(this,TEKST)" style="width:200px;height:150px;">

har prøvet lidt af hvert, men er ik nogen hej til java-script :S
Avatar billede spidr Nybegynder
17. februar 2005 - 15:52 #9
LOL det var nemt, fandt en måde :D

pic.alt sefølig :D
tusind tak igen :D
Avatar billede roenving Novice
17. februar 2005 - 15:53 #10
Ja, så sådan:

<script language="javascript" type="text/javascript">
function indsaetTekst(pic,txt){
  var div = document.createElement('DIV');
  div.style.width = pic.style.width;
  div.style.height = pic.style.height;
  //div.style.display = 'inline';
  div.innerHTML = txt;
  pic.parentNode.replaceChild(div,pic);
}
</script>

<img src="nogetVroevl.jpg" onerror="indsaetTekst(this,'Banneret nogetVrøvl findes ikke<br>-- men hent nye på <a href\"http://www.goog.dk\">GooG</a>')" style="width:200px;height:150px;">
Avatar billede roenving Novice
17. februar 2005 - 15:53 #11
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester