Merhabalar,

Youtube daki :
https://www.youtube.com/watch?v=5nPpBfoeXSU
bu videoyu izleyerek aynı yapıyı oluşturdum.

1 BÖLÜM içerisine
  • 1 iç bölüm ekliyor
    • 3 sütün ekliyor ve bu sütünların üzerinde css değişiklikleri
  • Altına da html kodu ekliyor ve js kodlarıyla yukarıdaki iç bölümü etkiliyor.
İç Bölüm'e bir Class atıyor : bg-inner-section diye.


Altına da JS Kodlarıyla

<script>
// Column Two
jQuery(".column-2").hover(function(){
  jQuery('.bg-inner-section').css("background-image", "url(https://www.manyas.net/wp-content/uploads/2022/06/IP-Kamera.png)"); // Change url
  }, function(){
  jQuery('.bg-inner-section').css("background-image", ""); // Change url
});

// Column 3
jQuery(".column-3").hover(function(){
  jQuery('.bg-inner-section').css("background-image", "url(https://www.manyas.net/wp-content/uploads/2022/06/Bulut-Sistemleri.png)"); // Change url
  }, function(){
  jQuery('.bg-inner-section').css("background-image", "");
Yukarıdaki kodları ekliyor.

Sorun:

İç bölümleri alt alta ekleyip HTML kodunu da altına eklediğim zaman arkaplan 2 kere ekleniyor. üstteki sütuna ayrı alttaki sütuna ayrı.

İstediğim:

Bu 6 sütunu tek bir kısım olarak görsün ve değişen arkaplan hepsine uygulansın.

Bunu yapabilecek biri arıyorum. Bugün teslim etmesi gerekiyor. İletişim için PM atabilirsiniz