strip out a portion of url
<p>Does anyone know how to strip out a portion of url.</p>

<p>For example I have 3 img sources each residing in it's own div class called "showimage".</p>

<pre><code>&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image1-thumb.JPG" /&gt;&lt;/div&gt;
&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image2-thumb.JPG" /&gt;&lt;/div&gt;
&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image3-thumb.JPG" /&gt;&lt;/div&gt;
</code></pre>

<p>I want all the urls to remove the "-thumb" so the img sources reads;</p>

<pre><code>&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image1.JPG" /&gt;&lt;/div&gt;
&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image2.JPG" /&gt;&lt;/div&gt;
&lt;div class="showimage"&gt;&lt;img src="http://www.mydomain.com/image3.JPG" /&gt;&lt;/div&gt;
</code></pre>

<p>I only have access to CSS, javascript or jQuery.</p>

<p>thanks for helping.</p>
