|
 |
| |
สอบถาม colorbox หน่อยครับ ผมต้องการให้มันทำงานตอนโหลดหน้าเผจเสร็จน่ะครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
</head>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>ColorBox Examples</title>
<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="../colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='example1']").colorbox();
$("a[rel='example2']").colorbox({transition:"fade"});
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='example4']").colorbox({slideshow:true});
$(".example5").colorbox();
$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
$(".example9").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
</head>
<body>
<p><a href="../content/ohoopee1.jpg" rel="example1" >ทดสอบ</a>
</p>
<p> </p>
</body>
</html>
<body>
</body>
</html>
คือผมโหลด colorbox มาใช้งานน่ะครับ แต่ตัวอย่างการใช้งานมันให้มาแค่เมื่อกดลิงค์แล้วจึงจะทำงานน่ะครับ
แต่ผมจะนำมาประยุกต์ทำเป็นการแจ้งข่าวประชาสัมพันธ์ต้องการให้มันทำงานหรือโชว์รูปภาพเมื่อตอนโหลดหน้าเผจเสร็จน่ะครับ จากโค๊ดด้านบนมันทำงานเมื่อเราคลิ๊กที่ลิงค์ "ทดสอบ"
ผมต้องใช้โค๊ดยังไงหรอครับ ขอบคุณมากครับ
Tag : PHP
|
ประวัติการแก้ไข
2011-03-24 05:35:06
2011-03-24 05:35:58
2011-03-24 05:42:00
|
 |
 |
 |
 |
| Date :
2011-03-24 05:33:03 |
By :
tomrambo |
View :
1569 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 02
|
