Arkadaşım yazdığın kodlardan pek birşey anlamadım

acemiliğime ver html kod çalışıyorum.
ben bunlarla buton yaptım.
<li><a href="#" data-value="illustration" class="button">Illustration<span></span></a></li>
<li><a href="#" data-value="photography" class="button">Photography<span></span></a></li>
Buda resim kodum
<li data-id="id-1" class="photography"> <a href="https://www.grafikerler.net/images/art/1.jpg" rel="prettyPhoto[gallery]"> <img src="https://www.grafikerler.net/images/art/1b.jpg" alt="" /></a> </li>
<li data-id="id-2" class="illustration"> <a href="style/images/art/1.jpg" rel="prettyPhoto[gallery]"> <img src="style/images/art/1b.jpg" alt="" /></a> </li>
Bu sistem çalışıyor pretty photo ile resimde açılıyo büyük görmek isteyen için fakat sıkıntılı biraz hazır aldığından başka haraketler fln oluyo benim istediğim tam olarak sayfayı tıkladığımızda ilk buton secili olup 1 adet resim altında gözükmesi sonra diğer butonu tıkladığımızda resmin değişmesi başka ekstra birşey istemiyorum. umarım anlatabilmişimdir.
Bu arada Evet brc ordan mezunum sen kimsn?