az çok js kodlarını değiştirip kendime bir geçişli slider yaptım haberler bölümü için her değiştiğinde 2 veri gelmesini istiyorum başlangıçta 2 veriyi çekiyor fakat oklarla değiştirmeye kalktığım ilk veri sabit değişmiyor altındaki 2.veri değişiyor.
ikisini aynı anda nasıl değiştirebilirim js kodları bunlar arkadaşlar
"use strict";
var _slaytAltHaber = document.getElementsByClassName("slayt-alt-haber");
var slaytSayisiAltHaber = _slaytAltHaber.length;
var slaytNoAltHaber = 1;
var i = 1;
slaytGosterAltHaber(slaytNoAltHaber);
function sonrakiSlaytAltHaber() {
slaytNoAltHaber++;
slaytGosterAltHaber(slaytNoAltHaber);
}
function oncekiSlaytAltHaber() {
slaytNoAltHaber--;
slaytGosterAltHaber(slaytNoAltHaber);
}
function slaytGosterAltHaber(slaytNumarasiAltHaber) {
slaytNoAltHaber = slaytNumarasiAltHaber;
if (slaytNumarasiAltHaber >= slaytSayisiAltHaber) slaytNoAltHaber = 1;
if (slaytNumarasiAltHaber < 1) slaytNoAltHaber = slaytSayisiAltHaber - 1;
for (i = 1; i < slaytSayisiAltHaber; i++) {
_slaytAltHaber[i].style.display = "none";
}
_slaytAltHaber[slaytNoAltHaber].style.display = "block";
}tüm 1leri 2yaptığımda tüm veriyi getiriyor ben 2şer 2 şer getirmesini istiyorum
html kodları
<div class="haberler" id="slider-alt-haber">
<?php $habers=$db->prepare('SELECT * FROM haberler order by id desc');
$habers->execute();
while($haberscek=$habers->fetch(PDO::FETCH_ASSOC)){ ?>
<div class="slayt-alt-haber">
<h3 style="margin-top: -25px;"><?php echo $haberscek['baslik'] ?></h3>
<h5 class="bizden-haberler-altbaslik"><?php echo $haberscek['alt_baslik'] ?></h5>
<div class="bizden-haberler-yatay-cizgi"></div>
<p class="bizden-haberler-aciklama"><?php echo substr($haberscek['aciklama'],0,150) ?></p>
<div class="mt-3"></div>
<div class="circle-alt"></div>
</div>
<?php } ?>
<!--<div class="circle-en-alt"></div>-->
<div class="pull-right bizden-haber-oklar">
<a href="javascript:oncekiSlaytAltHaber()"><b class="dikey-oklar">↑</b><br></a>
<a href="javascript:sonrakiSlaytAltHaber()"><b class="dikey-oklar">↓</b></a>
</div>
</div>