istediğim bölümü js ile değiştirmesi tamam ama böyle her parçası değişecek modülerlikteki ürünü js ile nasıl oluşturacağım. Yani sonuçta o resime tıkladığımda belirli bir özel alana oturması gerekiyor değil mi?Birçok özel alana sahip bir ürünü div içinde div gibi mi yapacağım?
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.