Aşağıda kodlarını paylaştığım bir slider alanımız var. Arkaplan resmi sabit duruyor.
Slider değiştikçe arkaplan değişsin istiyoruz.
Nasıl bir yol izleyebiliriz ?
Teşekkürler.
<div class="ud-landing ud-landing--homepage overflow-hidden" style="background-image: url('<?php echo TEMA_URL;?>ast/assets/img/homepage-landing-image.png');">
<div class="wrapper position-relative d-flex flex-column justify-content-center h-100">
<div class="swiper-container ud-pm-175">
<div class="swiper-wrapper">
<?php
$slideQuery = $db->query("SELECT * FROM fotograflar WHERE fotograf_bolum=1 && fotograf_durum=1");
if($slideQuery->rowCount()){
$sayac = 0;
foreach($slideQuery as $slideRow){
$sayac++;
?>
<div class="swiper-slide spacing-wrapper d-flex flex-column justify-content-center align-items-center text-center">
<div class="ud-mb-40">
<h1 class="ud-landing__title"><?php echo $slideRow[$lehce."fotograf_shortDesc"];?></h1>
</div>
<div class="ud-mb-25">
<div class="ud-landing__description-square"><?php echo $slideRow[$lehce."fotograf_shortDesc2"];?></div>
</div>
<span class="ud-landing__text"><?php echo $slideRow[$lehce."fotograf_longDesc"];?></span>
</div>
<?php
}
}
?>
</div>
</div>
<div class="ud-landing__slider-select swiper">
<div class="swiper-wrapper">
<?php
$slideQuery = $db->query("SELECT * FROM fotograflar WHERE fotograf_bolum=1 && fotograf_durum=1");
if($slideQuery->rowCount()){
$sayac = 0;
foreach($slideQuery as $slideRow){
$sayac++;
?>
<div class="ud-landing__slider-item swiper-slide">
<div class="ud-mb-15">
<span class="ud-landing__slider-count"><?php echo $sayac; ?></span>
</div>
<div class="ud-mb-35">
<h4 class="ud-landing__slider-title"><?php echo $slideRow[$lehce."fotograf_href"];?></h4>
<span class="ud-landing__slider-text"><?php echo $slideRow[$lehce."fotograf_shortDesc"];?></span>
</div>
<div class="ud-landing__slider-line"></div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>