Накопал, но не работает. Где косяк? <SCRIPT language=JavaScript> <!-- var img_id = new Array(5-0,5-1,5-2,5-3,5-4,5-5); var img_url = new Array('http://www.ostauto.ru/fotos/5-0-big.jpg','http://www.ostauto.ru/fotos/5-1-big.jpg','http://www.ostauto.ru/fotos/5-2-big.jpg','http://www.ostauto.ru/fotos/5-3-big.jpg','http://www.ostauto.ru/fotos/5-4-big.jpg','http://www.ostauto.ru/fotos/5-5-big.jpg'); var img_arr = new Array(); function preloadImages() { for (var id in img_url) { img_arr[id] = new Image; img_arr[id].src = img_url[id]; } } preloadImages(); function setMainImage(id) { big = document.getElementById('main_image'); small = document.getElementById('b' + id); bg = document.getElementById('i' + id); if (big && small && bg) { var id_img = 0; for (var index in img_id) { if (img_id[index] == id) { id_img = index; } } big.src = img_arr[id_img].src; var regExp = /i[0-9]{1,}/; var images = document.getElementsByTagName('img'); for(i = 0; i < images.length; i++) { if(regExp.test(images.item(i).id)) { if (images.item(i).id == ('i' + id)) { images.item(i).style.backgroundImage = 'url(/images/card_unselect.gif)'; } else { images.item(i).style.backgroundImage = 'url(/images/clear.gif)'; } } } return false; } return false; } //--> </SCRIPT> Далее основная картинка которая должна меняться: <img id=main_image src="/fotos/5-0-big.jpg"> Маленькие, нажатие на которые должны менять большую: <A onmouseover="window.status=(' ');return true;" onclick="return setMainImage(5-0);" onmouseout="window.status=('');return true;" href="http://www.ostauto.ru/index.php?page=2"> <IMG src="http://www.ostauto.ru/fotos/5-0.jpg" border=0> </A> <A onmouseover="window.status=(' ');return true;" onclick="return setMainImage(5-1);" onmouseout="window.status=('');return true;" href="http://www.ostauto.ru/index.php?page=2"> <IMG src="http://www.ostauto.ru/fotos/5-1.jpg" border=0> </A>