Tasarımcı Arkadaşlar Şunu Nasıl Yaparsınız?

09-03-2020, 22:24:18

Merhaba arkadaşlar, şu linkteki gibi bir uygulama yapmak istiyorum. Bende kendi ürünümü bu şekilde özelleştirmek istesem bunu nasıl yapabilirim? Her bölümün resmini çıkarıp Javascript ile mi yerleştirmeliyim ilgili yerlere? Eğer evetse bu özel yerleri JS ile nasıl çizeceğim? Eğer hayırsa başka nasıl yapılabilir böyle birşey? Tecrübeleriniz ve deneyimlerinizle yardımcı olmak isteyenlere şimdiden teşekkür ederim.

09-03-2020, 22:27:20

#2

TasarimaBakis

Kimlik doğrulama veya yönetimden onay bekliyor.

Web tasarım* 😄👋

09-03-2020, 22:28:18

#3

ibrahimfidan

Platin üye

Merhabalar,

javascript ile img src alıp diğer (sol) taraftaki img'in src sini change ediceksiniz. basitçe;

$('img.pictures').on('click', function(e){
var src = $(this).attr('src');
$('.soldiv').find('img').attr("src", src);
e.preventDefault();
});

09-03-2020, 22:29:43

#4

~~Lynit~~

Üyeliği durduruldu

Her parçayı ayrı ayrı png olarak kaydedeceksin varyasyonlardaki sonrasında kodlaması js ile olabilir. js ile birşey çizmeyeceksin yani sadece bu resme tıklandığında şuradaki değeri bununla değiştir tarzı bir kod yazabilirsin.

09-03-2020, 22:56:56

#5

wdelen

ibrahimfidan adlı üyeden alıntı: mesajı görüntüle

Merhabalar,

javascript ile img src alıp diğer (sol) taraftaki img'in src sini change ediceksiniz. basitçe;

$('img.pictures').on('click', function(e){
var src = $(this).attr('src');
$('.soldiv').find('img').attr("src", src);
e.preventDefault();
});

Lynit adlı üyeden alıntı: mesajı görüntüle

Her parçayı ayrı ayrı png olarak kaydedeceksin varyasyonlardaki sonrasında kodlaması js ile olabilir. js ile birşey çizmeyeceksin yani sadece bu resme tıklandığında şuradaki değeri bununla değiştir tarzı bir kod yazabilirsin.

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?

09-03-2020, 23:04:24

#6

FSahin

wdelen adlı üyeden alıntı: mesajı görüntüle

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.

10-03-2020, 00:18:55

#7

wdelen

FSahin adlı üyeden alıntı: mesajı görüntüle

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.

teşekkürler hocam, bu şekilde bir deneyeyim ben