Renklere tıklayınca resim değişmesi

11-04-2019, 21:28:43

Renk seçenekleri hazırlıyorum. Renge tıklayınca o rengin resmi görünecek. Örn. Kırmızıya tıklayınca kırmızı ürün resmi gelecek. Bunu nasıl yapabilirim.
Aklıma bir çözüm geldi ama baya uzun olduğu için sormak istedim.
Yardımlarınız için teşekkürler

11-04-2019, 21:57:47

#2

ayesoft

$('.main').on('click','.renk',function(){
     var resimurl = $(this).attr('data');
     $('resim').attr('url',resimurl);
});

11-04-2019, 22:22:47

#3

TitaMest

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

$('.main').on('click','.renk',function(){
     var resimurl = $(this).attr('data');
     $('resim').attr('url',resimurl);
});

peki hocam display block display none ile yapabilir miyiz?

11-04-2019, 23:30:59

#4

ayesoft

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

peki hocam display block display none ile yapabilir miyiz?

Yapabilirsin tabiki ama onun yerine removeClass ile tüm ürünlerin görünür class ını kaldırıp addClass ile sadece seçilen rengin resim karşılığını görünür yapabilirsiniz. fadeIn, fadeOut gibi basit animasyonlu geçişlerde yapabilirsin. Yada çok daha güzel jquery uyumlu geçiş kütüphaneleri var, biraz araştırın isterseniz.