|
|
|
สอบถามเกี่ยวกับการแสดงรูปภาพแบบ jquery gallery หน่วยครับ พอดีผมอยากทราบว่าถ้าผมจะทำประมาณนี้ มันเรียกว่าอะไรหรอครับ |
|
|
|
|
|
|
|
เอา โค้ดที่ทำมาลง ไว้ครับ เผื่อพี่ ๆเขาเห็นจะได้ช่วยตอบ
|
|
|
|
|
Date :
2019-04-24 14:59:26 |
By :
nobetaking |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ได้เลยครับ ตอนนี้ที่ผมทำ มันจะเป็นแบบ Slideshow ธรรมดาๆ ตามตัวอย่างนี้ครับ
ส่วน Code ที่ผมใช้ก็จะประมาณนี้ครับ
Code (PHP)
<div class="col-12" style="margin-top: 10px;">
<ul class="gallery">
<div class="owl-carousel owl-theme">
<?php
$news_id=$rsNews['news_id'];
$mysqlPhoto=new MySQL_Connection("$host","$user","$pw","$dbname");
$mysqlPhoto->charset = 'utf8';
$sqlPhoto = "SELECT * FROM ssl_photo WHERE news_id='$news_id' ";
$mysqlPhoto->query($sqlPhoto);
while($rsPhoto = $mysqlPhoto->fetch()){
?>
<li>
<div class="item">
<a href="file_photo/<?php echo $rsPhoto['photo_name'];?>"><img src="file_photo/<?php echo $rsPhoto['photo_name'];?>" style="width: 200px;" ></a>
</div>
</li>
<?php }?>
</div>
</ul>
</div>
<script>
$(function() {
$('.gallery a').lightbox();
});
$('.owl-carousel').owlCarousel({
loop:false,
margin:10,
autoplay:true,
autoplayTimeout:5000,
autoplayHoverPause:true,
autoHeight:true,
responsive:{
0:{
items:1
},
767:{
items:3
},
1200:{
items:4
}
}
})
</script>
ผมเอา script มาจากเว็บนี้ https://owlcarousel2.github.io/OwlCarousel2/ มาประยุกต์ใช้ครับ
|
|
|
|
|
Date :
2019-04-24 15:13:18 |
By :
tomsmile05 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|