Tolong pilih kategori sesuai, jenis posting (pertanyaan atau bukan) dan sertakan tag/topik yang sesuai misal komputer, php, mysql, dll.
Promosi atau posting tidak pada tempatnya akan kami hapus.
Klik link berikut untuk informasi cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com

Baca cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

Membuat thumbnail Caraousel dengan PHP dan Mysql

Selamat siang om,
Bantuanya om untuk menampilkan slider caraousel dalam bentuk thumbnail foto seperti foto ini


Udah saya coba buat skrip seperti ini namun hasilnya masih 1 gambar yang tampil
<?php
$query=$mysqli->query("SELECT * FROM TABEL");
while($isi=$query->fetch_array()) {
 
if($x==0) {
$aktif = "active";
} else {
$aktif = '';
}
 
?>
 
<div class="item <?php echo $aktif ?>">
<div class="row">
 
<div class="col-lg-2">
<center><a href="#x" class="thumbnail"><img src="../spo_hris/upload/img/<?=$isi['foto']?>" alt="Image" style="max-height: 260px; display: block; margin: auto; width: 100%;" />
<b> <?=$isi['nama']?> </b><br>
Total Telat : <?=$isi['total']?></a>
</center>
 
</div> <!-- end col-lg-2 -->
 
<?php } ?>
 
</div><!--/row-fluid-->
</div><!--/item-->
 
<?php
$x++;
} // tutup while
// tutup if
?>
 
</div><!--/carousel-inner-->
 
<a class="left carousel-control" href="#myCarousel2" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel2" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!--/myCarousel-->


Comments

  • edited July 10
    Carousel bawaannya bootstrap ya? Coba pakai plugin Owl Carousel.... (Untuk info coba googling)
Sign In or Register to comment.