Avatar billede skumbaq Nybegynder
05. juli 2002 - 11:30 Der er 8 kommentarer og
1 løsning

Billedere & Størrelser

Jeg kender ikke JavaScript særlig godt så det kunne være dejligt med lidt hjælp

Hvordan viser man et billed med Javascript ?

Det skal være sådan at scripted gør billedes brede mindre så det passer til den browser brede som brugeren har, men det skal ikke gøre billed større end billeds normale størrelse

Det skal også finde ud af hvor meget i breden den har lavet om, så den også kan justre højden af billed ellers vil billede jo se forkert ud.

Håber det er nemt !

/ Skumbaq
Avatar billede skumbaq Nybegynder
05. juli 2002 - 11:35 #1
Mere enkelt

Jeg prøver at undgå en bar i bunden af min webside !

/ Skumbaq
Avatar billede mikoalngelo Nybegynder
05. juli 2002 - 11:52 #2
Hvis det bare er scrool-baren du vil have væk, så prøv at indsætte denne kode i <head></head>-sektionen:

<style>
  BODY{
    scrool-x:none;
  }
</style>
Avatar billede mikoalngelo Nybegynder
05. juli 2002 - 11:53 #3
har ikke testet det
Avatar billede skumbaq Nybegynder
05. juli 2002 - 12:10 #4
mikoalngelo

Jeg synes ikke rigtig jeg kan se hvor du i din kode ser hvor bred browseren er sådan så breden og højden af billedet bliver justeret
Avatar billede jakoba Nybegynder
05. juli 2002 - 12:12 #5
di kan skalere et billede ligesom en tabel:
    <img src=dit_billede.gif" width='98%'>
det er grumme nemt og i de fleste (men ikke alle) browsere vil højden blive justeret tilsvarende så proportionerne holder.
eller kan du skrive hele <img kommandoen med javascript. Det vil dog ikke checkke for max størrelse.
  <script type='text/javascript'>
  <!-- // skaleret billede
    var imgBredde = 740;      // billedets rigtige størrelse i pixel
    var imgHojde  = 400;
    var picBredde = -20 + (window.innerWidth) ? window.innerWidth : document.body.clientWidth ;
    if ( picBredde > imgBredder ) picBredde = imgBredde;
    var picHojde = Math.round( ingHojde * picBredde / imgBredde );
    document.write( "<img src='dit_billede.gif' width='" +picBredde +"' height='" +picHojde +"' />" );
  // -->
  </script>
scriptet skrives ind i body, istedet for din <img kommando.

mvh JakobA
Avatar billede nikolajdu Nybegynder
05. juli 2002 - 12:12 #6
næh men det burtde du gøre når ikke du er sikker!!

Det hedder nemlig

overflow-x: hidden

/Nikolaj
Avatar billede nikolajdu Nybegynder
05. juli 2002 - 12:13 #7
Ovenstående altså til mikoalngelo
Avatar billede jakoba Nybegynder
05. juli 2002 - 12:15 #8
Ups. sætningen "Det vil dog ikke checkke for max størrelse." er placeret forkert, den hører til den øverste (nemme) løsning.
Avatar billede jakoba Nybegynder
05. juli 2002 - 12:27 #9
Nae, jeg burde nu også checke noget mere. alt for mange stavefejl :(

  <script type='text/javascript'>
  <!-- // skaleret billede
    var imgBredde = 740;      // billedets rigtige størrelse i pixel
    var imgHojde  = 400;
    var picBredde = -20 + (window.innerWidth) ? window.innerWidth : document.body.clientWidth ;
    if ( picBredde > imgBredde ) picBredde = imgBredde;
    var picHojde = Math.round( imgHojde * picBredde / imgBredde );
    document.write( "<img src='dit_billede.gif' width='" +picBredde +"' height='" +picHojde +"' />" );
  // -->
  </script>

har rettet t0, men der er nok flere.
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