не совсем
пробовал так:
function chg(new_img) {
document.getElementById('bt1').className = '';
document.getElementById('bt2').className = '';
document.getElementById('bt3').className = '';
document.getElementById('bt4').className = '';
document.getElementById('bt5').className = '';
document.getElementById(new_img).className = 'active';
}
<div id="button">
<a href="javascript:chg('img1');" id="bt1" class="active"></a>
<a href="javascript:chg('img2');" id="bt2"></a>
<a href="javascript:chg('img3');" id="bt3"></a>
<a href="javascript:chg('img4');" id="bt4"></a>
<a href="javascript:chg('img5');" id="bt5"></a>
<div id="All_news"><a href="">All news →</a></div>
</div>
#bt1,#bt2,#bt3,#bt4,#bt5{
background:url("bt_blk.png");
float: left;
width: 14px;
height: 14px;
margin-right: 20px;
cursor: pointer;
}
#bt1.active,#bt2.active,#bt3.active,#bt4.active,#bt5.active{
background:url("bt_wh.png");
width: 14px;
height: 14px;
}
для начала нужно хотябы сделать смену картинок
P.S. Я возможно запутал вас своим "смена картинок".Я имел ввиду не галерею, а именно кнопки.
Рабочий