Изменение src у img

Добрый день, уважаемые гуру.

У меня следующая проблема.

На главной странице есть 9 изображений. У них уникальные id (CMS - joomla). Для реализации кроссбраузерности необходимо при загрузке страницы заменить атрибут src на другой. На сколько я помню JQuery, сначала обязательно нужно указать document.ready(function) или как-то так. Какой селектор указывать я примерно представляю (у них общий родитель). Но вот как написать саму функцию добавления символов в атрибут? Т.е. из строки 'img1.png' сделать 'img1

i

.png'? Я правильно понимаю, что нужно будет использовать регулярные выражения?