100% width på bilde

Scix · 30. juli 2005

Jeg bruker dette scriptet til å sette width på ett bilde, men hvis jeg vil ha 100% width på bildet forsvinner det

function img_size(width)
{
var bilder=document.images
bilder[0].width=width
}
</script>

<span onclick='img_size(100%)'>Tilpass bilde til skerm</span>

Hvis jeg fjerner %, så virker det, men da blir jo bildet bare 100 pixler bredt

Hva gjør jeg feil?

Dahl · 31. juli 2005

Jeg tror ikke det er mulig å sette et bilde til å bli 100% ved hjelp av Javascript. Som du sier, det skriptet der fungerer kun til å sette hvor mange piksler bredt bildet er.

Scix · 31. juli 2005

det var synn. er det noen annen metode med java, eller må jeg bruker serverside språk?

kakkle · 31. juli 2005

Kan f.eks gjøre slik:

function img_size(prosent)
{
var bilder=document.images
var width = prosent/100;
bilder[0].width=bilder[0].width*width
}
</script>

<span onclick='img_size(100)'>Tilpass bilde til skerm</span>

Har ikke testet det, men det bør vel fungere, så fremst bilder[0].width returnerer bredden på bildet. Kanskje ?

EDIT: Måtte rette litt på variabel feil

/Kakkle

Endret 31. juli 2005 av kakkle

skalm · 31. juli 2005

Dette gikk :!:

I Internet Explorer ble det scrolling, men i Opera ble det helt tilpasset vinduet.

Funker det?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Strekke bilde</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
img {
width: 100%;
height: 100%;
}
</style>

</head>

<body>

<img src="bilde.jpg">

</body>
</html>

Logg inn

100% width på bilde

Anbefalte innlegg

Scix

Lenke til kommentar

Videoannonse

Dahl

Lenke til kommentar

Scix

Lenke til kommentar

kakkle

Lenke til kommentar

skalm

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer