D的图鉴 - JS代码

DZ仿PW8的宽窄切换功能

mybbss.com@qq.com(Dziku_D) — Fri,13 Aug 2010 02:00:06 +0800

1.把下边这段加到< /head >上边

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

2.下载pw_ajax.js放到JS文件夹，

3.下边这段放到你想要显示切换按钮的位置：

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

另外自已在images/新建一个fullscreen.css
把宽屏的CSS代码写上去，
以DZ7.2为例：
.wrap, #nav { width: 98%; }
#header { min-width: 98%; width: 100%; }

基本写上这两个就够了，请按照自已的模板添加宽屏代码。

完成。

如有遗漏请在这里留言回复

一个图片完全等比例缩放的js脚本可以同时固定高度和宽度

mybbss.com@qq.com(Dziku_D) — Thu,12 Aug 2010 08:46:46 +0800

翻出来的老文件，记录一下回来再测试。

    for(var i=0;i     var img = document.images[i];
     var parent=img.parentNode;
     var rt=false;
     while(parent!=null){
        if(parent.id=="DataList1"){
           rt=true;
           break;
        }
        parent=parent.parentNode;
     }
    if(rt){
        var image = new Image();
        image.src = document.images[i].src;
        var width = parseInt(image.width);
        var height= parseInt(image.height);
        if(width>220){
           document.images[i].width=220;
           var imgheight =220/width*height;
           if(imgheight>117)
            {
               document.images[i].height=117;
               document.images[i].width=117/imgheight*220;
            }
            else
            {
                document.images[i].height=imgheight;
                document.images[i].width=220;
            }
        }
        else
            if(height>117)
        {
           document.images[i].height=117;
           var imgwidth =117/height*width;
           if(imgwidth>220)
            {
               document.images[i].width=imgwidth;
               document.images[i].height=220/imgwidth*117;
            }
            else
            {
                document.images[i].width=imgwidth;
                document.images[i].height=117;
            }
        }
        else
        {
            document.images[i].width=width;
            document.images[i].height=height;
        }
        }
}