Блог

У меня есть веб-сайт, который фиксирует теги изображений в зависимости от того, где пользователь нажал на экран. Когда пользователь щелкает внутри изображения, он получает точное местоположение, где была нажата мышь. После этого мне приходится выполнять разные вычисления на основе разрешения разного размера экрана, чтобы определить правильное местоположение. Я пробовал использовать jquery offset, у меня это не работает, он просто показывает одно местоположение, поэтому я использую 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' amp;amp; orginalResolution == '1280x960') {
                    top = y - 232;
                    left = x - 110;
                }
                if (currentresolution == '1280x960' amp;amp; orginalResolution == '1440x900') {
                    top = y - 232;
                    left = x - 179;
                }
                if(currentresolution == '1366x768' amp;amp; 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();
        });
    }
  

Вы могли бы сделать это на стороне сервера с помощью события OnClick ImageButton ImageButton