Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > fancy box สามารถทำให้เปิด new tap แล้วปิด fancy box เอง ไหมคับ มีวิธีทำยังไง บอกหน่อยคับ

fancy box สามารถทำให้เปิด new tap แล้วปิด fancy box เอง ไหมคับ มีวิธีทำยังไง บอกหน่อยคับ

เริ่มหัวข้อใหม่

komza

โพสกระทู้ ( 184 )
บทความ ( 0 )

fancy box สามารถทำให้เปิด new tap แล้วปิด fancy box เอง ไหมคับ มีวิธีทำยังไง บอกหน่อยคับ

เคย แต่ ใช้ window.open(url) แต่มันเปิด ได้ ใน fancy box

Tag : PHP, MySQL, JavaScript

Date : 2015-02-26 14:43:07

By : komza

View : 790

Reply : 2

No. 1

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

เขียนให้ดูคร่าวๆน่ะครับ

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" type="text/css" media="screen" />
</head>

<body>
<a id="inline" href="#data">This shows content of element who has id="data"</a>

<div style="display:none"><div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div>

<script type="text/javascript">
$(document).ready(function() {

	$("a#inline").fancybox({
        	afterLoad: function(){
            		setInterval(function(){ $.fancybox.close(); },3000); 
        	}
	});	
});
</script>
</body>
</html>

ประวัติการแก้ไข
2015-02-27 08:40:21

Date : 2015-02-27 08:34:22

By : sakuraei

No. 2

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

อันนี้ทดลองแล้วครับ http://jsfiddle.net/6zufge8n/

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" type="text/css" media="screen" />
</head>

<body>
<a id="inline" href="#data">This shows content of element who has id="data"</a>
<div style="display:none"><div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div>

<br />

<a id="inline2" href="#data2">This shows content of element who has id="data"</a>
<div style="display:none"><div id="data2">Hello Lorem.</div></div>


<script type="text/javascript">

$(document).ready(function() {
    
	$("#inline").fancybox({
		hideOnContentClick: true,        	
        	afterLoad: function(){
            		var time = setInterval(function(){ 
                				$.fancybox.close();
                				$("#inline2").trigger("click");
                				clearInterval(time);},3000);
        	}
        
	});
    $("#inline2").fancybox();
});
</script>
</body>
</html>

ประวัติการแก้ไข
2015-02-27 08:51:33

Date : 2015-02-27 08:50:30

By : sakuraei

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : fancy box สามารถทำให้เปิด new tap แล้วปิด fancy box เอง ไหมคับ มีวิธีทำยังไง บอกหน่อยคับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 05