PHP Carousel Slider ile Limitleme

Merhaba yine ben yine sorun :)

Aşağıda ki resimde projeler ve referansları ekledim sıkıntı yok fakat referans da proje de o divin genişliği kadar çıksın istiyorum. Diğer eklediğim proje ve referans  sağ üstte işaretlediğim ok işaretlerine basınca geliyor ben o genişlik dolunca o oklara basınca diğer tarafa geçsin istiyorum Carousel slider ile listelemeye baktım ama yapamadım kodlarım da aşağıda yardımcı olabilecek kimse var mı? :)

    <div class="title-wrapper">
                                <div class="section-title">
                                    <h4 class="title">Referans <strong>Firmalar</strong></h4>
                                </div>
                                <ul class="slidecontrols">
                                    <li><a href="#clientSlider" class="next">İleri</a></li>
                                    <li><a href="#clientSlider" class="prev">Geri</a></li>
                                </ul>
                                    <span class="divider"></span>
                            	<div class="clear"></div>
                            </div>
                        </div>
                        
                        <div class="clients columns sixteen slidewrap2">
                            <ul class="slider carousel" id="clientSlider">
                               <?php include ('db.php'); $proje = $bag->query("select * from projeler ORDER BY proje_id DESC")->fetchAll(PDO::FETCH_ASSOC);
                                 foreach($proje as $pro){
                                 ?>
                                
                                <li class="slide">
                                     
                                    <div class="client alpha">
                                        <a href="referanslar.php"><img id="transparent" style="width:211px; height:76px;" src="img/projeler/<?php echo $pro['resim']; ?>" /></a>
                                    </div>
                                    
                                  
                             
                                </li>
                                  <?php } ?>  
                               
                       
                            </ul>
                            
                        </div>  

 

Bu bahsettiğin sorun; css ile alakalı bir durum. Benim sana önerim bootstrap'ı incelemeni tavsiye ederim.  Carousel listeleme de eğer tüm veriler geliyorsa; geriye tek sorun css ve javascript... Bunun için hazır kütüphaneleri kullan.

 

Örnek:

https://materializecss.com/carousel.html

Sağ sol oklarını kaldırıp DESC limit komutuyla son 3 tanesini çektirdim oldu gerek kalmadı teşekkürler :)

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git