Avatar billede thoko Nybegynder
12. januar 2012 - 19:25 Der er 5 kommentarer

Resize billeder

Jeg har følgende funktionalitet, der kører fortrinligt:

<form>
<select onchange="window.open(this.options[this.selectedIndex].value,'x')" >
<option value="http:/ /www.a.dk/nn/b.gif" target="t">BB</option>
.
.
<option value="http:/ /www.a.dk/nn/c.gif" target="t">CC</option>
</select>
</form>
<iframe name="x" width="200" height="253"></iframe>

Mit problem er, at de modtagne .gif-billeder er større end der er mulighed for i iframen, der ikke kan blive større, og jeg vil resize frem for scroll.

Hvordan kan jeg indarbejde resize af billederne til den ønskede bredde og højde?
Avatar billede kristianlist Nybegynder
12. januar 2012 - 19:57 #1
Er der en speciel grund til at du bruger en iframe? Frem for bare at bruge <img>, og så skifte sourcen?
Avatar billede thoko Nybegynder
12. januar 2012 - 20:37 #2
Ja, det skal ske på en side, som iøvrigt skal holdes stabil.
Avatar billede kjeldsted Novice
12. januar 2012 - 22:33 #3
#2: Derfor kan du vel stadig sagtens gøre som #1 foreslår. Du skal vel bare lave et JS med en timer funktion der ændre source i <img> taget, hvor du så sætter en max-height og en max-widht?
Avatar billede kristianlist Nybegynder
12. januar 2012 - 22:35 #4
Jeg er ikke sikker, men hvis du sætter højde og bredde på dit window  object også, så burde browseren selv sørge for at resize så det passer.

eks: window.open(this.options[this.selectedIndex].value,'x',width=200 height=253);
Avatar billede olebole Juniormester
13. januar 2012 - 14:24 #5
<ole>

Den gode løsning er at resize billedet i et billedbehandlingsprogram. HTML har aldrig været beregnet til at resize billeder med og gør det rent ud sagt elendigt!

Den næstbedste løsning er at skifte src på et billede - hvilket du som sagt sagtens kan gøre på en 'stabil' side. Det har været muligt siden Netscape 2 browseren tilbage i midten af 90'erne - og man ser næsten ikke en eneste side på WWW, der ikke gør det.

Den absolut dårligste er at bruge en iframe.

/mvh
</bole>
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