|
|
|
พี่ ๆ คะ พอมี code jquery slideshow ที่ดึงภาพจากฐานข้อมูลมาแสดงมั้ยคะ รบกวนทีนะคะ |
|
|
|
|
|
|
|
ตัวอย่างน่ะครับ นำไปประยุกต์กับโค้ดคุณเอาเองน่ะ ....
Code (PHP)
<script type="text/javascript" src="./Slider/jquery-1.2.6.min.js"></script>
<script src="./Slider/loopedslider.js" type="text/javascript"></script>
<script type="text/javascript" src="./Slider/jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="./Slider/jquery.infinitecarousel2.min.js"></script>
<link href="./Slider/slider.css" rel="stylesheet" type="text/css">
<!--<script type="text/javascript" src="./Slider/reflection.js"></script>-->
<script type="text/javascript">
(function($){
$(function(){
$('#carousel').infiniteCarousel({
displayProgressBar: false,
displayThumbnails: false,
displayThumbnailNumbers: false,
displayThumbnailBackground: false,
easeLeft: 'linear',
easeRight: 'linear',
advance: 1,
showControls: false,
autoHideControls: false,
autoStart: true,
prevNextInternal: true
});
$(".slider").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: 8
});
$('#loopedSlider').loopedSlider({
autoStart: 4500
});
});
})(jQuery);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div id="loopedSlider">
<div id="pg1">
<ul class="pagination">
<?
$num = 1;
$Sql = mysql_query("select * from SlideImage");
while($FetchObj = mysql_fetch_array($Sql))
{
?>
<li class=""><a href="Main.php#" class="num-<?=$num?>" rel="<?=$num?>"><?=$num?></a></li>
<?
$num++;
}
// ส่วนนี้เป็นการสร้างปุ่มหมายเลขรูปภาพน่ะครับ สามารถเลือกดูรูปตามตัวเลขลำดับได้
?>
</ul>
</div>
<div class="containers">
<div class="slides" style="width: 2888px; left: -722px; border:0; ">
<?
while($FetchObj = mysql_fetch_array($Sql))
{
?>
<a href="#"><img src="Path/<?=$FetchObj['ImageName']?>" width="722" height="195" border="0" class="reflect"></a>
<?
}
// ส่วนนี้เป็นการวนลูปเอารูปทั้งหมดออกมาครับ
?>
</div>
</div>
</div>
|
ประวัติการแก้ไข 2011-08-20 10:50:43
|
|
|
|
Date :
2011-08-20 10:49:47 |
By :
mangkunzo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แล้วสคริปที่อยู้ด้านบนของโค๊ด สามารถหาโหลดได้จากที่ไหนค่ะ
|
|
|
|
|
Date :
2015-06-16 16:40:36 |
By :
muryateetity |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใน google พิมพ์ว่า jQuery Slide เยอะเลยครับ
|
|
|
|
|
Date :
2015-06-16 22:07:30 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|