jQuery Image Change - Gallery View

Something like:\n\n$('img.thumb').click(function() {\n var src = $(this).attr('src');\n $('#bigImage').attr('src', src.replace(/-thumb/,''));\n});\n\n\nThe below examples apply if your thumbs are being loaded in via ajax:\n\n(1) Using Events/live:\n\n$('img.thumb').live(\"click\", function() {\n var src = $(this).attr('src');\n $('#bigImage').attr('src', src.replace(/-thumb/,''));\n});\n\n\n(2) As a callback to one of jQuery's ajax methods (e.g.):\n\nfunction initThumbs()\n{\n $('img.thumb').click(function() {\n var src = $(this).attr('src');\n $('#bigImage').attr('src', src.replace(/-thumb/,''));\n });\n}\n\n$('#thumbsDiv').load('thumbs.php?p=2', initThumbs);\n",

karim79's answer could be shortened slightly:\n\n$('img.thumb').click(function() {\n $('#bigImage').attr('src', $(this).attr('src').replace(/-thumb/,''));\n});\n\n\nBut otherwise, good answer!",

The only addition to karim79's is:\n\nIn a case the thumbnails are placed within same parent binding an event on that parent would be much better (elegant?) solution that binding events on all thumbnails. The event is propagated, so you can find thumbnails by checking event target.",