• 13-08-2019, 20:29:42
    #1
    Merhaba bir proje geliştirmeye başlayacağım, biraz ayrıntı vermem gerekirse iki seçenek olucak. İki resimden birini seçmesi gerekiyor. Bu seçim sonucu ya ölücek yada sıradaki soruya geçicek. Bu seçimlerdeki resimlerin birini seçerken diğer resim flu olucak seçilen resimse ekrana yakınlaşacak. Bunu nasıl yapabilirim acaba?
  • 13-08-2019, 20:37:51
    #2
    Css hover özelliği ile üzerine gelince yakınlaştırmayı yapıp ayrıca küçük bir php if döngüsüyle de üzerine gelinen seçim aktif olduğunda diğerine istediğin şeyi tanımlayabilirsin.
  • 13-08-2019, 20:39:13
    #3
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Css hover özelliği ile üzerine gelince yakınlaştırmayı yapıp ayrıca küçük bir php if döngüsüyle de üzerine gelinen seçim aktif olduğunda diğerine istediğin şeyi tanımlayabilirsin.
    Php ile yapamaz bunu javascript ile yapabilirsiniz
  • 13-08-2019, 20:41:49
    #4
    orcuntuna adlı üyeden alıntı: mesajı görüntüle
    Php ile yapamaz bunu javascript ile yapabilirsiniz
    Php ile de yapılır fakat js ile daha kolay yapılabilir tabiki.
  • 13-08-2019, 20:42:58
    #5
    orcuntuna adlı üyeden alıntı: mesajı görüntüle
    Php ile yapamaz bunu javascript ile yapabilirsiniz
    js ile yapılacaksa nasıl aramam yapmam gerekiyor peki?



    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Php ile de yapılır fakat js ile daha kolay yapılabilir tabiki.
    Php ile nasıl yapabilirim?
  • 13-08-2019, 20:44:34
    #6
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Php ile de yapılır fakat js ile daha kolay yapılabilir tabiki.
    Yapar mısın PHP ile merak ettim.
  • 13-08-2019, 20:48:09
    #7
    burak2yilmaz adlı üyeden alıntı: mesajı görüntüle
    Yapar mısın PHP ile merak ettim.
    Tabiki, js kadar kolay olmaz ama olur. Arkadaş js ile yapsın. Php ile örneği burada paylaşırım.
  • 13-08-2019, 20:56:45
    #8
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Tabiki, js kadar kolay olmaz ama olur. Arkadaş js ile yapsın. Php ile örneği burada paylaşırım.
    Ben JS konusunda yardım ediyorum. Sende PHP atar mısın merak ettim

    img.active {
    transform: scale(1.2);
    }
    
    img.deactive {
    filter: blur(12px);
    }
    document.querySelectorAll('img').forEach(item => {
         item.addEventListener('click', e => {
              document.querySelectorAll('img').forEach(item2 => {
                  item2.classList.remove('active');
                 item2.classList.add('deactive');
            });
            e.currentTarget.classList.add('active');
            e.currentTarget.classList.remove('deactive');
            });
    });
    img selectorunu kendinize göre ayarlayabilirsiniz.
  • 13-08-2019, 21:01:17
    #9
    Üyeliği durduruldu
    burak2yilmaz adlı üyeden alıntı: mesajı görüntüle
    Ben JS konusunda yardım ediyorum. Sende PHP atar mısın merak ettim

    img.active {
    transform: scale(1.2);
    }
    
    img.deactive {
    filter: blur(12px);
    }
    document.querySelectorAll('img').forEach(item => {
         item.addEventListener('click', e => {
              document.querySelectorAll('img').forEach(item2 => {
                  item2.classList.remove('active');
                 item2.classList.add('deactive');
            });
            e.currentTarget.classList.add('active');
            e.currentTarget.classList.remove('deactive');
            });
    });
    img selectorunu kendinize göre ayarlayabilirsiniz.
    @Cooper34; - NOT FOUND 😂