|
 |
| |
popup ขอผู้รู้ช่วยหน่อยนะทำอย่างไรให้สองรูปนี้ลิ้งไปเว็บอื่นๆได้คะ |
| |
 |
|
|
 |
 |
|
 popup ก่อนเข้าชมเว็บไซต์ของหนูจะเด้งเป็นรูปภาพสไลด์ แต่อยากให้สามารถคลิกที่รูปแต่ละรูปก็ไปหน้าเว็บอื่นที่เราอยากให้ลิ้งค์ไป ขอผู้รู้ช่วยหน่อยนะทำอย่างไรให้สองรูปนี้ลิ้งไปเว็บอื่นๆได้คะ
<script>
$(document).ready(function(){
function openColorBox(){
$(".slide").colorbox({iframe:false, width:"750px", height:"550px",
transition:"fade",slideshowAuto: true,
rel:'slide',
slideshowSpeed:3500,
opacity: 0.9,
preloading: true,
slideshow:true
});
$("a.slide").first().click(); //สำคัญ
}
function countDown(){
seconds--
$("#seconds").text(seconds);
if (seconds === 0){
openColorBox();
clearInterval(i);
}
}
//กำหนดเวลา วินาทีที่จะให้ popup ทำงาน
var seconds = 2,
i = setInterval(countDown, 1000);
});
</script>
<body>
<a class="slide" src="images/8862.jpg" href = "https://www.google.com"></a>
<a class="slide" src="images/111.jpg" href = "https://www.sanook.com"></a>
------------------------------------------------------------------------------------------------------------------
Tag : PHP, JavaScript, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2020-08-26 23:23:29 |
By :
namasikan |
View :
516 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
คราวหลังครอบ JS Script ด้วย จะได้อ่านง่ายๆ หน่อย
และถ้าใช้ plug-in/framework ต้องระบุด้วย
ไม่ควรให้คนตอบค้นหาเอง
จากโค้ดคุณใช้ jQuery lightbox plugin ชื่อ Colorbox การทำลิงค์ให้ใส่เป็นแบบ option
Code (JavaScript)
$("h1").colorbox({href:"welcome.html"});
ที่สำคัญต้องเข้าใจ jQuery selector ก่อน
https://www.jacklmoore.com/colorbox/
|
| |
|
|
| |
| Date :
2020-08-26 23:38:59 |
By :
PhrayaDev |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
