Question

I have the following markup with inline javascript and would like to change it to Jquery. Any help would be appreciated.

<a title="823557" href="/PhotoGallery.asp?ProductCode=471823557" id="product_photo_zoom_url">
<img border="0" onload="vZoom.add(this, '/v/vspfiles/photos/471823557-2.jpg');"
alt="823557"
src="/v/vspfiles/photos/471823557-2T.jpg" id="product_photo"></a>

I guess I would need to use this?

$(function(){
<---- somecode---->
});

Answer 1

$(function () {
   $("#product_photo").load(function (e) {
      vZoom.add(this, this.src.replace('T.', '.'));
   })
})();

If $ doesn’t work for some reason, this should also work. I incorporated Kranu’s advice since that library most likely only needs the DOM loaded as a prerequisite, rather than the load event:

jQuery(function ($) {
    $("#product_photo").each(function () { // in case there is more than one 
        vZoom.add(this, this.src.replace('T.', '.'));
    });
});