|
![](/images/resource/spacer.gif) |
|
popup ขอผู้รู้ช่วยหน่อยนะทำอย่างไรให้สองรูปนี้ลิ้งไปเว็บอื่นๆได้คะ |
|
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
![](/images/bbcode/eek.gif?v=1001) 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
![](/images/adv.jpg?v=1001)
|
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-08-26 23:23:29 |
By :
namasikan |
View :
554 |
Reply :
1 |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
คราวหลังครอบ JS Script ด้วย จะได้อ่านง่ายๆ หน่อย
และถ้าใช้ plug-in/framework ต้องระบุด้วย
ไม่ควรให้คนตอบค้นหาเอง
จากโค้ดคุณใช้ jQuery lightbox plugin ชื่อ Colorbox การทำลิงค์ให้ใส่เป็นแบบ option
Code (JavaScript)
$("h1").colorbox({href:"welcome.html"});
ที่สำคัญต้องเข้าใจ jQuery selector ก่อน
https://www.jacklmoore.com/colorbox/
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2020-08-26 23:38:59 |
By :
PhrayaDev |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
|
|
|
![](/images/digitalocean-banner.jpg)
|
Load balance : Server 05
|