[javascript] max-width - Softwareontwikkeling

dinsdag 15 januari 2002 16:31

Acties:

one life, live it!

Topicstarter

is er een manier om te zorgen dat een plaatje niet groter kan worden dan bijvoorbeeld height=100 en width=100?

las een plaatje kleiner is, moet hij de gewone afmetingen houden, anders moet hij verkleind worden, maar wel zo dat het niet een vierkantje wordt van 100x100

2 swim or not 2 swim, that's the question

dinsdag 15 januari 2002 16:35

Acties:

crisp

Devver

Pixelated

Inladen in een hidden layer, na het inladen hoogte en breedte uitlezen, en dmv javascript aanpassen. Dan layer visible maken.

Intentionally left blank

dinsdag 15 januari 2002 16:53

Acties:

aqua_man

one life, live it!

Topicstarter

ik heb nu dit:

code:

<HTML>
<HEAD>
<TITLE>Plaatje laden</TITLE>

<script language="JavaScript">
<!-- Begin
function Read() {
height = div.height;
width = div.width;
alert("Hoogte: "+height+"\nBreedte: "+width);
n=document.layers
ie=document.all
    if(ie || n) {
        if(n) 
        document.div.visibility="";
        else 
        div.style.visibility="";
    }
}
// End -->
</script>

</HEAD>
<BODY OnLoad="Read();">

<div id="div" style="position: absolute;" visibility="hidden">[img]"http://pieter.shadax.mine.nu/lrb/blauw.jpg"></div>

<input[/img]
</BODY>
</HTML>

maar nu is height en width undefined

wat doe ik fout?

2 swim or not 2 swim, that's the question

dinsdag 15 januari 2002 16:53

Acties:

Verwijderd

zoiets?
zonder divjes btw

code:

<SCRIPT LANGUAGE="JavaScript">
<!--
function laadenschaal(){

    //B-Top
    //2001

    var maxbreed = 100;
    var maxhoog = 100;

    var imbreed = imobj.width;
    var imhoog = imobj.height;

    if(imbreed>maxbreed){
        var newimbreed = maxbreed;
        var newimhoog = (maxbreed/imbreed) * imhoog;
    }else{
        var newimbreed = imbreed;
        var newimhoog = imhoog;
    }

    if(newimhoog>maxhoog){
        var newimhoog = maxhoog;
        var newimbreed = (maxhoog/imhoog) * imbreed;
    }


    imobj.width = newimbreed;
    imobj.height = newimhoog;

}


-->
</SCRIPT>

code:

1	<body bgcolor="#FFFFFF" onload="laadenschaal();">

code:

1	[img]"plaatje.jpg"[/img]