更好的处理不同屏幕分辨率的图片标签的方法。

时间:2011-11-08 05:28:00

标签: c# javascript jquery html css

我有一个网站根据用户点击屏幕的位置捕获图片标签。当用户点击图像内部时,它会获得鼠标点击的确切位置。之后,我必须根据不同的屏幕尺寸分辨率进行不同的计算,以确定正确的位置。我尝试过使用jquery偏移量,这对我来说不起作用它只显示一个位置,所以我使用的是evt.pageX。问题是,在我继续走这条路之前,还有更好的方法吗?我相信图像是相对的,这里是我用来确定标签的正确位置的javascript(顺便说一下)。感谢您的任何建议或帮助。

 function ShowPictureTag(x, y, orginalResolution) {
        $(document).ready(function () {
            var currentresolution = screen.width + 'x' + screen.height;
            var top = y;
            var left = x;
            if (orginalResolution != currentresolution) {
                if (currentresolution == '1440x900' && orginalResolution == '1280x960') {
                    top = y - 232;
                    left = x - 110;
                }
                if (currentresolution == '1280x960' && orginalResolution == '1440x900') {
                    top = y - 232;
                    left = x - 179;
                }
                if(currentresolution == '1366x768' && orginalResolution == '1440X900') {

                }
            }
            else {
                if(orginalResolution == '1280x960') {
                    top = y - 232;
                    left = x - 107;
                }
                if (orginalResolution == '1440x900') {
                    top = y - 232;
                    left = x - 185;
                }
                if(orginalResolution == '1366x768') {

                }
            }


            $('.pictureTagBorder').css({ top: top, left: left }).show();
        });
    }

1 个答案:

答案 0 :(得分:1)

你可以做服务器端ImageButton OnClick Event