Silkroad Online Forums

Code: Select all

<script type="text/javascript">
// ensure vbphrase exists
if (typeof vbphrase == 'undefined')
{
    vbphrase = new Array();
}
// ensure vbphrase exists

// cookie
document.cookie = "psistats_screenwidth = " + self.screen.width;
document.cookie = "psistats_screenheight = " + self.screen.height;
document.cookie = "psistats_screendepth = " + self.screen.colorDepth;
// cookie

NcodeImageResizer.IMAGE_ID_BASE = 'ncode_imageresizer_container_';
NcodeImageResizer.WARNING_ID_BASE = 'ncode_imageresizer_warning_';

function NcodeImageResizer(id, img) {
    this.id = id;
    this.img = img;
    this.originalWidth = 0;
    this.originalHeight = 0;
    this.warning = null;
    this.warningTextNode = null;

    img.id = NcodeImageResizer.IMAGE_ID_BASE + id;
}

NcodeImageResizer.getNextId = function() {
    id = 1;
    while (document.getElementById(NcodeImageResizer.IMAGE_ID_BASE + id) != null) {
        id++;
    }
    return id;
}

NcodeImageResizer.createOn = function(img) {
    isRecovery = false;
    // if this is a recovery from QuickEdit, which only restores the HTML, not the OO structure
    if (img.id && img.id.indexOf(NcodeImageResizer.IMAGE_ID_BASE) == 0 && document.getElementById(NcodeImageResizer.WARNING_ID_BASE + img.id.substr(NcodeImageResizer.IMAGE_ID_BASE.length)) != null) {
        newid = img.id.substr(NcodeImageResizer.IMAGE_ID_BASE.length);
        resizer = new NcodeImageResizer(newid, img);
        isRecovery = true;
        resizer.restoreImage();
    } else {
        newid = NcodeImageResizer.getNextId();
        resizer = new NcodeImageResizer(id, img);
    }

    if (resizer.originalWidth == 0) resizer.originalWidth = img.width;
    if (resizer.originalHeight == 0) resizer.originalHeight = img.height;

    if ((NcodeImageResizer.MAXWIDTH > 0 && resizer.originalWidth > NcodeImageResizer.MAXWIDTH) || (NcodeImageResizer.MAXHEIGHT > 0 && resizer.originalHeight > NcodeImageResizer.MAXHEIGHT)) {
        if (isRecovery) {
            resizer.reclaimWarning(warning);
        } else {
            resizer.createWarning();
        }
        resizer.scale();
    }
}

NcodeImageResizer.prototype.restoreImage = function() {
    newimg = document.createElement('IMG');
    newimg.src = this.img.src;
    this.img.width = newimg.width;
    this.img.height = newimg.height;
}

NcodeImageResizer.prototype.reclaimWarning = function() {
    warning = document.getElementById(NcodeImageResizer.WARNING_ID_BASE + newid);

    this.warning = warning;
    this.warningTextNode = warning.firstChild.firstChild.childNodes[1].firstChild;
    this.warning.resize = this;

    this.scale();
}

NcodeImageResizer.prototype.createWarning = function() {
    mtable = document.createElement('TABLE');
    mtbody = document.createElement('TBODY');
    mtr = document.createElement('TR');
    mtd1 = document.createElement('TD');
    mtd2 = document.createElement('TD');
    mimg = document.createElement('IMG');
    mtext = document.createTextNode('');

    mimg.src = 'error.gif';
    mimg.width = 16;
    mimg.height = 16;
    mimg.alt = '';
    mimg.border = 0;

    mtd1.width = 20;
    mtd1.className = 'td1';

    mtd2.unselectable = 'on';
    mtd2.className = 'td2';

    mtable.className = 'ncode_imageresizer_warning';
    mtable.textNode = mtext;
    mtable.resize = this;
    mtable.id = NcodeImageResizer.WARNING_ID_BASE + this.id;

    mtd1.appendChild(mimg);
    mtd2.appendChild(mtext);

    mtr.appendChild(mtd1);
    mtr.appendChild(mtd2);

    mtbody.appendChild(mtr);

    mtable.appendChild(mtbody);

    this.img.parentNode.insertBefore(mtable, this.img);

    this.warning = mtable;
    this.warningTextNode = mtext;
}

NcodeImageResizer.prototype.scale = function() {
    if (NcodeImageResizer.MAXWIDTH > 0 && this.originalWidth > NcodeImageResizer.MAXWIDTH) {
        resized = true;
        this.img.width = NcodeImageResizer.MAXWIDTH;
        this.img.height = (NcodeImageResizer.MAXWIDTH / this.originalWidth) * this.originalHeight;
    }
    if (NcodeImageResizer.MAXHEIGHT > 0 && this.originalHeight > NcodeImageResizer.MAXHEIGHT) {
        resized = true;
        this.img.height = NcodeImageResizer.MAXHEIGHT;
        this.img.width = (NcodeImageResizer.MAXHEIGHT / this.originalHeight) * this.originalWidth;
    }

    this.warning.width = this.img.width;
    this.warning.onclick = function() {
        return this.resize.unScale();
    }

    if (this.img.width < 450) {
        this.warningTextNode.data = vbphrase['ncode_imageresizer_warning_small'];
    } else if (this.img.fileSize && this.img.fileSize > 0) {
        this.warningTextNode.data = vbphrase['ncode_imageresizer_warning_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight).replace('%3$s', Math.round(this.img.fileSize / 1024));
        //mtext.data = '<phrase 1="'+this.originalWidth+'" 2="'+this.originalHeight+'" 3="'+Math.round(this.img.fileSize/1024)+'">$vbphrase[ncode_imageresizer_warning_filesize]</phrase>';
    } else {
        this.warningTextNode.data = vbphrase['ncode_imageresizer_warning_no_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight);
        //mtext.data = '<phrase 1="'+this.originalWidth+'" 2="'+this.originalHeight+'">$vbphrase[ncode_imageresizer_warning_no_filesize]</phrase>';
    }

    return false;
}

NcodeImageResizer.prototype.unScale = function() {
    switch (NcodeImageResizer.MODE) {
        case 'samewindow':
            window.open(this.img.src, '_self');
            break;
        case 'newwindow':
            window.open(this.img.src, '_blank');
            break;
        case 'enlarge':
        default:
            this.img.width = this.originalWidth;
            this.img.height = this.originalHeight;
            this.img.className = 'ncode_imageresizer_original';
            if (this.warning != null) {
                this.warningTextNode.data = vbphrase['ncode_imageresizer_warning_fullsize'];
                this.warning.width = this.img.width;
                this.warning.onclick = function() {
                    return this.resize.scale()
                };
            }
            break;
    }

    return false;
}

// something
NcodeImageResizer.MODE = 'enlarge';
NcodeImageResizer.MAXWIDTH = 500;
NcodeImageResizer.MAXHEIGHT = 500;
vbphrase['ncode_imageresizer_warning_small'] = 'Click this bar to view the full image.';
vbphrase['ncode_imageresizer_warning_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s and weights %3$sKB.';
vbphrase['ncode_imageresizer_warning_no_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s.';
vbphrase['ncode_imageresizer_warning_fullsize'] = 'Click this bar to view the small image.';
// something
</script>

Code: Select all

<style type="text/css">
    table.ncode_imageresizer_warning {
        background: #FFFFE1;
        color: #000000;
        border: 1px solid #CCC;
        cursor: pointer;
    }

    table.ncode_imageresizer_warning td {
        font-size: 10px;
        vertical-align: middle;
        text-decoration: none;
    }

    table.ncode_imageresizer_warning td.td1 {
        padding: 5px;
    }

    table.ncode_imageresizer_warning td.td1 {
        padding: 2px;
    }
</style>

Code: Select all

<img src="ncode_imageresizer.jpg" alt="" onload="NcodeImageResizer.createOn(this);" border="0">