Hi all,

I have a row of thumbnails and when you click on one thumbnail I need it to open the larger version and display that in another div.

Here is my code:-

Code:
$('#thumbs img').live('click', function(){
   $('#largeImage').attr('src',$(this).attr('src').replace('46x57','199x319'));
});
The trouble is the images are being called from Wordpress and if I change the settings so the images are not cropped to exact size (which is what I need) then the height of the image generated by Wordpress is different.

So I need a way of changing the last part of line to .replace('46x*','199x*')

The * (Astrix) will allow that part of the file name to be any number.

Any ideas?

I hope I explained correct but any questions please let me know.

Thank you kind people.