Changing multiple image extension using jquery
<p>sorry, im new in jquery. I have this code on  tag:</p>

<pre><code>&lt;img class="fluidimage" src="img/picture1.jpg"/&gt; 
&lt;img class="fluidimage" src="img/goodimage1.jpg"/&gt; 
</code></pre>

<p>and i want to change all src on fluidimage class if the user resize their web browser. so my desired output is : </p>

<pre><code>&lt;img class="fluidimage" src="img/picture1_small.jpg"/&gt; 
&lt;img class="fluidimage" src="img/goodimage1_small.jpg"/&gt; 
</code></pre>

<p>and my question is how to put string "_small" before ".jpg" in jquery? I've tried to write jquery function but it isn't work.</p>

<pre><code>$(document).ready(function() {  
        function imageresize() {  
            var contentwidth = $('#container').width(); 
            if ((contentwidth) &lt; '700'){ 
                $('.fluidimage').attr('src','img/picture1.jpg');
                $('.fluidimage').attr('src', $(this).attr('src').replace('.jpg', '_small.jpg'));
            } else {  
            $('.fluidimage').attr('src','img/picture1.jpg');  
            }  
        }  

        imageresize();     

        $(window).bind("resize", function(){  
            imageresize();  
        });  

        }); 
</code></pre>

<p>Please help!</p>
