Как сделать что бы при нажатии разных кнопок отображались разные изображения?
img контейнеру даёте имя (name) и меняете src:<img name="img" src="p1.jpg">
<input type="button" onclick="javascript:img.src='p1.jpg'">
<input type="button" onclick="javascript:img.src='p2.jpg'">
Можно в тег кнопки через атрибуты data-(например data-imageid) хранить идентификаторы изображений, нуждающихся в показе при клике на оную. А на событие onclick по кнопке вытаскивать это значение и загружать его. Все зависит от того как и где у вас хранятся картинки и как они упорядочены.