Arghhh størrelse på billede

Har du ikke fået det til at virke???
http://www.eksperten.dk/spm/79807

//Beach

Beach>>

Nej jeg kan ikke finde ud af det!

Fomse:-)

Og da slet ikke hvis jeg har flere billeder på siden!!!!!

Prøv at sende mig en zip med din side og dit billede, så skal jeg prøve at løse problemet:-)

//Beach beach@pc.dk

Mail er sendt>>>Håber det kan løses, du skal i hvert tilfælde have tak fordi du forsøger.

Fomse:-)

du kan godt angive billede størrelse som % inde i img-tagget...

Hvis du skriver din img kommando ved hjælp af javascript kan du \"resize\" billedet afhængigt af det vindue det får at vis sig i:

fx
<script>
var pixbred = 300;  // den billedstørrelse billedet faktisk har
var pixhoej = 275;

var browbred = (navigator.appName==\"Netscape\" ? window.innerWidth : document.body.clientWidth;

var mybred = browbred/2;            // passende bredde
var myhoej = mybred*pixhoej/pixbred; // sæt proportional højde

document.write( \"<img src=\'dit_bilde.jpg\' width=\" +mybred
              +\" height=\" +nyhoej+\">\" );
</script>

du kan se princippet i brug på:
http://hjem.get2net.dk/Jakob.Aggernaes/javascript12.html

mvh JakobA

Ups. den højde der skal skrives er  myhoej  ikke  nyhoej

JakobA>>

Jeg kan ikke få det til at virke!! Skal scriptet sættes ind der hvor jeg vil have billedet, eller hva´?

Fomse:-)

Ja. Scriptet sættes ind der du vil have billedet. Du udvider evt den <img kommando der skrives med andre parametre, men pas på ikke at komme extra \"-tegn ind i strengen. (og skift billedets url til en der findes hos dig:)

mvh JakobA

JakobA>>

Der kommer en fejlmeddelelse.

Linie: 13
Fejl: Tegnet \')\' var ventet

Jeg er ikke så stiv i Javascript, så jeg kan ikke gennemskue det!!

Fomse:-)

Hvorfor angiver du ikke bare billedet i % img koden.

<IMG SRC=\"PICTURE.GIF\" WIDTH=45% HEIGHT=45%>

som jeg foreslog 13/06 2001 11:26:17 - men ingen kommentarer...

Man kan jo kun blive dummere af at se på det :O)

ja. det er linien nedenfor der skulle have en slutparentes:
var browbred = (navigator.appName==\"Netscape\" ? window.innerWidth : document.body.clientWidth );

frankbirkmoller >> det er en meget nemmere løsning ja, men den hænger på at brovservinduet beholder sine proportioner (ihvertfald i Netscape) da %-erne jo er af browservinduet størrelse. Billedet forvrænges hvis fx browservinduet er højt og smalt.

jakoba, det havde du ret i, jeg syntes helt bestemt jeg havde gjort det før men næh nej :^)

er du nået videre?

Ups Sorry!!!
Havde helt glemt jer........

Point til Jacob!!

Fomse:-)

Mit eneste problem er nu at jeg ikke kan få det til at virke med et billede med mouseovereffekt dvs. et billede som skifter når musen bevæger sig henover det!!

Er der nogen som kan hjælpe mig for 60 point?

Fomse:-)

ingen grund til extra points.

<script>

var pixbred = 300;  // den billedstørrelse billedet faktisk har
var pixhoej = 275;

var browbred = (navigator.appName==\"Netscape\" ? window.innerWidth : document.body.clientWidth;

var mybred = browbred/2;            // passende bredde
var myhoej = mybred*pixhoej/pixbred; // sæt proportional højde

function switchPic( url )
  document.images.bildets_navn.src = url;
  document.images.bildets_navn.width = bredde;
  document.images.bildets_navn.height = hoejde;
}; //end switchPic

document.write( \"<a href=\'javascript(void):\'\"
              +\" onmouseover=\'switchPic( \\\"dit_bilde_over.jpg\\\" );\'\"
              +\" onmouseout=\'switchPic( \\\"dit_bilde.jpg\\\" );\'>\"
              +<img src=\'dit_bilde.jpg\' width=\" +mybred
              +\" height=\" +nyhoej+\" name=\'bildets_navn border=0\'></a>\" );
</script>

mvh JakobA

og billedet bredde var mybred og myhoej:

  document.images.bildets_navn.width = mybred;
  document.images.bildets_navn.height = myhoej;

jakoba>>

Nu har jeg forsøgt at rette det til så godt jeg kunne, men der er en suýntsksfejl jeg ikke kan se!!

<script>

var pixbred = 558;  // den billedstørrelse billedet faktisk har
var pixhoej = 352;

var browbred = (navigator.appName==\"Netscape\" ? window.innerWidth : document.body.clientWidth );

var mybred = browbred/2;            // passende bredde
var myhoej = mybred*pixhoej/pixbred; // sæt proportional højde

function switchPic( url ) {
  document.images.bildets_navn.src = url;
  document.images.bildets_navn.width = mybred;
  document.images.bildets_navn.height = myhoej;
}; //end switchPic

document.write( \"<a href=\'javascript(void):\'\"
              +\" onmouseover=\'switchPic( \\\"BILLED2.gif\\\" );\'\"
              +\" onmouseout=\'switchPic( \\\"BILLED1.gif\\\" );\'>\"
              +<img src=\'BILLED1.gif\' width=\" +mybred
              +\" height=\" +myhoej+\" name=\'bildets_navn border=0\'></a>\" );
</script>

Fomse:-)

næstsidste linie i document.write sætningen
              +<img src=\'BILLED1.gif\' width=\" +mybred
skal have \" foran
              +\"<img src=\'BILLED1.gif\' width=\" +mybred

sorry
mvh JakobA

Jacoba>>

Det virker stadig ikke, billedet ændre ikke størrelse og der er også en blå border rundt om!!!!

Fomse:-)

Jacoba>>

Jeg har fåetr løst border-problemet, og billedet resizer, men man skal opdaterer siden hvergang før den resizer!!! Kan ikke finde ud det....

Fomse:-)

der mangler også noget \' i sidste linie
              +\" height=\" +myhoej+\" name=\'bildets_navn border=0\'></a>\" );
bliver til
              +\" height=\" +myhoej+\" name=\'bildets_navn\' border=\'0\'></a>\" );

men det er vist også det du selv har fundet ud af.

\"opdatere før den resizer\"? den fatter jeg ikke. Er det hvis brugeren resizer vinduet du mener? Til det skal der en onresize event i <body

her er den jeg bruger:

<script language=\'javascript\'>  prellHandle = 0;
function resizeWait() {
  clearTimeout( prellHandle );
  prellHandle = setTimeout(\"self.location.reload(false)\",50);
}; //end resizeWait()

</script> 
</head> 
<body background=\'Backsky.gif\' onResize=\'resizeWait();return true;\'>

mvh JakobA

Jacoba>>

Det vr lige præsist det jeg manglede!! Mange tak for det......Du må gi´ en lys hvis du vil ha´ lidt flerr point!

Fomse:-)