Eu estou tentando obter a largura original de uma imagem com JQuery e fazer alguns ajustes no CSS com uma condição se uma imagem for maior que 700px.

Eu usei esse código para obter a largura de uma imagem:

var img = new Image();
img.src = $('#imageViewerImg').attr('src');
img.onload = function () {
    var W2 = this.width;
    alert(''+ W2);
}

Violino

Você pode ver que uma caixa de alerta mostra a largura da imagem, neste caso 1024. Quando copio e colo esse código, ele não funciona no meu site. Simplesmente não exibirá a caixa de alerta. Eu tenho JQuery incluído corretamente, como outros códigos de JQuery funcionam, é apenas este simples pedaço de JQuery que não faz o que é suposto fazer.

No final, este é o código que eu preciso para a funcionalidade que estou tentando criar:

var img = new Image();
img.src = $('#imageViewerImg').attr('src');
img.onload = function() {
    var imgWidth = this.width;
}
if($imgWidth > 700) {
    $("#photoHolder").css({"vertical-align":"none","text-align:":"none"});
}

Por que a caixa de alerta aparece no JSfiddle, mas não no meu próprio PC?

Também com a função document.ready, ainda não funciona. O JQuery simplesmente não está sendo executado.