Как автоматически вытащить и модифицировать ссылку на изображение из исходного кода страницы?

И все же это не JAVA… Тэг стоит убрать. Так требуется JS. А по существу: там есть Jquery.
Вешаем скрипт на страницу а в нем что-то вроде этого сценария:
получаем путь рисунка дефолтного для товара $("#backImageSjElement4_img").attr('src') в этом элементе храниться первый рисунок загруженный. Теперь из нашего src надо забрать айдишник рисунка все остальные атрибуты можем оставлять как есть… они для всех рисунков одинаковые. В вашем примере asda.scene7.com/is/image/Asda/5052341219998?hei=2000&wid=370&resmode=sharp&op_usm=1.1,0.5,0,0 айдишник — 5052341219998. Получили регуляркой наш атрибут. Теперь берем и вставляем его в новый путь который для всех одинаковый меняется только айдишник —
«asda.scene7.com/is/image/Asda/»+наш полученный ранее айдишнег+"?hei=2000&wid=370&resmode=sharp&op_usm=1.1,0.5,0,0". Создаем наш тег и кидаем ему в href наш путь только что созданный. кидаем тег к примеру в дивине с рисунком где $("#SjElement3 div") это наша дорогая дивина :) $("#SjElement3 div").add(ourNewElement);
Ну в кратце вроде описал :) В сущности JS простой так что если не хочется юзать JQUEry, то писать на нативном тоже самое :)