Estoy tratando de obtener el ancho original de una imagen con JQuery y hacer algunos ajustes en el CSS con una condición si una imagen es más ancha que 700px.

Utilicé este código para obtener el ancho de una imagen:

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

Violín

Puede ver que un cuadro de alerta muestra el ancho de la imagen, en este caso 1024. Cuando copio, pego este código, no funciona en mi sitio web. Simplemente no mostrará el cuadro de alerta. He incluido JQuery correctamente, ya que otros códigos de JQuery funcionan, es solo esta pieza simple de JQuery que no hace lo que se supone que debe hacer.

Al final, este es el código que necesito para la funcionalidad que intento crear:

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 qué aparece el cuadro de alerta en JSfiddle pero no en mi propia PC?

También con la función document.ready, todavía no funcionará. El JQuery simplemente no está siendo ejecutado.