Bir div oluşturacaksınız, o divin içerisinde örnek olarak <div class="kapi"></div> <div class="kapi-kolu"></div> gibi değerler atayıp dış dive position relative iç divlere ise position absolute ile bunların yerlerini belirleyeceksiniz. Arkaplan resimi olarak yaparsanız daha mantıklı olur direkt olarak img şeklinde eklemenizi önermem.

Daha sonra ise her resime tıklandığında o dive ait class'ı değiştireceksiniz. Örnek kapı deseni 1'e tıkladım ben. <div class="kapi kapi-1"></div> şeklinde ekleme yapmalısınız. .kapi-1'in bg'sini istediğinizi ayarlayacaksınız.

CSS tarafı biraz uğraştırıcı olur. Ama mantığı kavrayınca hızlı hızlı yaparsınız.