Bootstrap carousel "item active" sorunu

15-05-2017, 00:44:23

Merhaba arkadaşlar Bootstrap carousel kullanırken sabit resimler kulanınca ilk resim için

<div class="item active">

sonrakiler için ise sadece

<div class="item">

şeklinde bir kullanım var.

Php ile bu işi yapmak istediğimde sorun yaşıyorum. Aşağıdaki kodları sadece ilk resim için active kullanmak için yardımcı olursanız memnun oluurm..

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  
<div class="carousel-inner">
		
<?php
$okuresim = @mysql_query("SELECT * FROM resim_slider WHERE kategori=1 ORDER BY aciklama ASC LIMIT 10"); 
while($yazresim = @mysql_fetch_array($okuresim)) {
?>


<div class="item active">


<a href="<?=$yazresim["baslik"]?>"><img src="<?=$siteadresi?>img.php?src=<?=$yazresim["resim"]?>&w=1148&h=574" alt=""></a>
</div>
<?php } ?>
 </div>
        
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
  
</div>

15-05-2017, 01:05:15

#2

Kayaweb

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

Merhaba arkadaşlar Bootstrap carousel kullanırken sabit resimler kulanınca ilk resim için

<div class="item active">

sonrakiler için ise sadece

<div class="item">

şeklinde bir kullanım var.

Php ile bu işi yapmak istediğimde sorun yaşıyorum. Aşağıdaki kodları sadece ilk resim için active kullanmak için yardımcı olursanız memnun oluurm..

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  
<div class="carousel-inner">
		
<?php
$okuresim = @mysql_query("SELECT * FROM resim_slider WHERE kategori=1 ORDER BY aciklama ASC LIMIT 10"); 
while($yazresim = @mysql_fetch_array($okuresim)) {
?>


<div class="item active">


<a href="<?=$yazresim["baslik"]?>"><img src="<?=$siteadresi?>img.php?src=<?=$yazresim["resim"]?>&w=1148&h=574" alt=""></a>
</div>
<?php } ?>
 </div>
        
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
  
</div>

bu olayı ben veritabanına bir alan daha oluşturup son eklenen resime active ekleyerek diğerlerinide normal boş alan olarak yaparak oraya yazdırarak çözmüştüm ama javascript ile yapıldığını biliyorum

15-05-2017, 01:30:16

#3

LeViS

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

bu olayı ben veritabanına bir alan daha oluşturup son eklenen resime active ekleyerek diğerlerinide normal boş alan olarak yaparak oraya yazdırarak çözmüştüm ama javascript ile yapıldığını biliyorum

Bu işin mutlaka basit bir yolu vardır php konusunda bilgili arkadaşlar yazarlar umarım.

Ben şimdilik senin fikrinden yola çıkarak şöyle bir şey yaptım.

<div class="item <?php if ($yazresim["sira"] == 1) echo 'active'; ?>">

Bende zaten sıralama için bir alan vardı eğer sırası 1 ise active eklettim..

15-05-2017, 01:42:07

#4

xFactoria

While'dan önce bir değişken oluşturun "$baslangic = 0;" while içinde istediğiniz bölüme if($baslangic == 0) echo "active"; kodunu girin if'ten sonra başlangıç değerini arttırın $baslangic++;

18-05-2017, 23:11:53

#5

lenfom

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
   
<div class="carousel-inner"> 
         
<?php
$itemactive = ' active';
$okuresim = @mysql_query("SELECT * FROM resim_slider WHERE kategori=1 ORDER BY aciklama ASC LIMIT 10");  
while($yazresim = @mysql_fetch_array($okuresim)) { 
?> 

<?php
echo '<div class="item'.$itemactive.'">';
$itemactive = '';
?>

<a href="<?=$yazresim["baslik"]?>"><img src="<?=$siteadresi?>img.php?src=<?=$yazresim["resim"]?>&w=1148&h=574" alt=""></a> 
</div> 
<?php } ?> 
 </div> 
         
        <!-- Controls --> 
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
            <span class="glyphicon glyphicon-chevron-left"></span> 
        </a> 
         
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
            <span class="glyphicon glyphicon-chevron-right"></span> 
        </a> 
   
</div>

Seklinde denermisin.

18-05-2017, 23:46:26

#6

Bay_Keskin

xFactoria arkadaşımızın dediği gibi kullanman gerekiyor.

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
   
<div class="carousel-inner"> 
         
<?php 
$sayi = 0;
$okuresim = @mysql_query("SELECT * FROM resim_slider WHERE kategori=1 ORDER BY aciklama ASC LIMIT 10");  
while($yazresim = @mysql_fetch_array($okuresim)) { 
?> 


<div class="item <?=$sayi==0?'active':''?>"> 


<a href="<?=$yazresim["baslik"]?>"><img src="<?=$siteadresi?>img.php?src=<?=$yazresim["resim"]?>&w=1148&h=574" alt=""></a> 
</div> 
<?php 
$sayi ++;
} ?> 
 </div> 
         
        <!-- Controls --> 
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
            <span class="glyphicon glyphicon-chevron-left"></span> 
        </a> 
         
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
            <span class="glyphicon glyphicon-chevron-right"></span> 
        </a> 
   
</div>

Bu şekilde olacak.