[JS] Image resize functie

[Ruffian]

Ik heb jullie resize code gejat!

Maar ik ondervind nog enkele problemen. Als de pagina word geladen, worden de plaatjes ook geladen en worden ze vergroot. De div (of td) waar de plaatjes dan in staan (die ik class="imagecontainer" geef) wordt dan ook groter. Met als gevolg dat ik de grootte van de parent-div/td niet meer kan gebruiken en dus mijn plaatjes niet kan resizen zodat ze passen in de td/div.

Ik gebruik mootools v1.11. De code werkt gewoon goed, geen errors in de Firefox error console en zo, maar de parent div wordt dus groter, waardoor de if op imagewidth > containerelement niet meer word uitgevoerd: De plaatjes worden daardoor niet geresized.

Ik vroeg me af of jullie weten wat ik hier fout doe? Aangezien het op GoT wel werkt.
Weten jullie tevens een oplossing voor een containerelement met een breedte in procenten? Of moet ik dan per sé die breedte in pixels opgeven?

JavaScript:

function user_images()
{
    var im  = $$('img.scale'), i = im.length;
 
    while (i--)
    {
        if (im[i].naturalWidth || im[i].complete)
        {
            scale_image(0, im[i]);
        }
        else if (typeof im[i].onreadystatechange != 'undefined')
        {
            im[i].onreadystatechange = scale_image;
        }
        else
        {
            im[i].onload = scale_image;
        }
        im[i].onerror = scale_image;
        im[i].onabort = scale_image;
    }
    if (window.ie)
    {
        window.addEvent('load', user_images_ie);
    }
}
function user_images_ie()
{
    var im = document.images, i = im.length;
    while (i--)
    {
        if (im[i].className.indexOf('scale') != -1)
        {
            scale_image(0, im[i]);
        }
    }
}
function scale_image(e, img)
{
    if (!img)
    {
        img = this;
    }
 
    if (img.width || img.complete)
    {
        if (img.naturalWidth)
        {
            imgwidth = img.naturalWidth;
            imgheight = img.naturalHeight;
        }
        else if (img.complete)
        {
            var dum = new Image(); dum.src = img.src;
            imgwidth = dum.width;
            imgheight = dum.height;
        }
 
        if (imgwidth)
        {
            if (img.onreadystatechange)
            {
                img.onreadystatechange = null;
            }
            if (img.onload)
            {
                img.onload = null;
            }
        }
 
        var contentDiv = img.parentNode, inQuote = false;
        while (contentDiv)
        {
            if (contentDiv.className.indexOf('imagecontainer') != -1)
            {
                break;
            }
            contentDiv = contentDiv.parentNode;
        }
 
        if (contentDiv)
        {
            var maxWidth = contentDiv.offsetWidth;
 
            if (imgwidth > maxWidth)
            {
                if (img.parentNode.nodeName != 'A')
                {
                    if (!img.naturalWidth)
                    {
                        img.naturalWidth = imgwidth;
                    }
                    if (!img.naturalHeight)
                    {
                        img.naturalHeight = imgheight;
                    }
                    img.className += ' resized hand';
                    //img.onclick = openImage;
                    el = img;
                }
                else
                {
                    img.className += ' resized';
                    el = img.parentNode;
                }
            }
 
            if (img.width > maxWidth)
            {
                if (img.height)
                {
                    img.height = Math.round(maxWidth / img.width * img.height);
                }
                img.width = maxWidth;
            }
        }
    }
}

[RobIII]

Je jat code (van ons notabene! ) en verwacht er dan ook nog support op? En dan ook nog zonder zelf enige moeite te doen of te laten zien wat je hebt geprobeerd, gezocht, gevonden etc?

Nah. Al was het niet gejat / geleend / afgekeken van ons, dit is me toch teveel een scriptrequest / Kan iemand even...?