Skripta/css/js... kako to rešim?

Zdravo!

Kako najbolje dosežem sledeče:



Imam tri slike, od katerih je ena glavna. Vsaka od teh slik je na začetku drugačna. Ko kliknem na Sliko 1 se glavna slika zamenja z željeno novo sliko, ko kliknem Sliko 2 se glavna slika pravtako zamenja z željeno novo sliko. To je samo primer, vsega skupaj bo več in bo večje.

Da bi to naredil s HTML ni problem, ampak rad bi naredil tako, da se strani ne menjajo ampak samo elementi(slike). Nekako tako kot kakšna galerija, ampak bolj enostavno. Edino pri menjavi glavne slike bi bilo fino imeti en prehod.

$('.slika').click(function(e){
    e.preventDefault();

    $('.glavna-slika').prop('src', $(this).prop('src'));
});

"slika" class dodaš vsem img elementom razen glavne, "glavna-slika" class pa dodaš samo img elementu od glavne slike.