<div class="epicont">
      <div><img src="/images/360x202/2.jpg" id="imagescr"></div>
      <div><img src="/images/360x202/3.jpg" id="imagescr"></div>
      <div><img src="/images/360x202/4.jpg" id="imagescr"></div>
    </div>
    <div class="epicont">
      <div><img src="/images/360x202/2.jpg" id="imagescr"></div>
    <div class="epicont">
    </div>
      <div><img src="/images/360x202/3.jpg" id="imagescr"></div>
    <div class="epicont">
    </div>
      <div><img src="/images/360x202/4.jpg" id="imagescr"></div>
    </div>

   <script type="text/javascript">
      var newElement = document.getElementById('imagescr');
      newElement.src = newElement.src.replace('360x202', '290x156');
      var oldElement = document.getElementById('imagescr');
      var parentDiv = oldElement.parentNode;
      parentDiv.replaceChild(newElement, oldElement);
   </script>

    <div class="epicont">
      <div><img src="/images/360x202/2.jpg" class="imagescr"></div>
      <div><img src="/images/360x202/3.jpg" class="imagescr"></div>
      <div><img src="/images/360x202/4.jpg" class="imagescr"></div>
    </div>
    <div class="epicont">
      <div><img src="/images/360x202/2.jpg" class="imagescr"></div>
    <div class="epicont">
    </div>
      <div><img src="/images/360x202/3.jpg" class="imagescr"></div>
    <div class="epicont">
    </div>
      <div><img src="/images/360x202/4.jpg" class="imagescr"></div>
    </div>

   <script type="text/javascript">
      var newElement = document.getElementsByClassName('imagescr');
      newElement.src = newElement.src.replace('360x202', '290x156');
      var oldElement = document.getElementsByClassName('imagescr');
      var parentDiv = oldElement.parentNode;
      parentDiv.replaceChild(newElement, oldElement);
   </script>

<script type="text/javascript">
$('.your_class').attr('src','newPath');
</script>

$('img.imagescr').each(function(){
   $(this).attr('src', $(this).attr('src').replace('360x202', '290x156'));
})