|
|
|
สวัสดีครับผม ผมอยากทราบการเขียน code ภาพสไลด์popup และสามารถลิ้งค์ไปยังเนื้อหานั้นๆได้ โดยแต่ละภาพสไลด์อาจจะลิ้งไปเว็บอื่นหรือไฟล์เนื้อหาได้ |
|
|
|
|
|
|
|
<script>
$(document).ready(function(){
function openColorBox(){
$(".slide").colorbox({iframe:false, width:"800px", height:"580px",
transition:"fade",slideshowAuto: true,
rel:'slide',
slideshowSpeed:7500,
opacity: 0.9,
preloading: true,
slideshow:true
});
$(".slide").first().click(); //สำคัญ
// $(".slide").first().click(function(){
// window.location.href='https://www.hospital.tu.ac.th';
// });
}
function countDown(){
seconds--
$("#seconds").text(seconds);
if (seconds === 0){
openColorBox();
clearInterval(i);
}
}
//กำหนดเวลา วินาทีที่จะให้ popup ทำงาน
var seconds = 2,
i = setInterval(countDown, 1000);
});
</script>
</head>
<body>
<a class="slide" href="images/1.jpg"></a>
<a class="slide" href="images/2.jpg"></a>
<a class="slide" href="images/3.jpg"></a>
<a class="slide" href="images/4.jpg"></a>
Tag : PHP, CSS, JavaScript, jQuery
|
|
|
|
|
|
Date :
2021-05-10 01:51:45 |
By :
tantanadep |
View :
564 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่เคยใช้ซะด้วย ColorBox แต่ดูโค๊ดก็น่าจะใช้ได้แล้ว
|
ประวัติการแก้ไข 2021-05-10 04:43:17 2021-05-10 04:46:13
|
|
|
|
Date :
2021-05-10 04:41:43 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|