วางแผ่นใสอีกแผ่นหนึ่งเหนือเว็บเพจ

free samsung galaxy : comparation
free samsung galaxy : comparation

5 มี.ค.55 มีโอกาสปรับ script ใน http://www.nation-u.com/2554/index.php เพื่อแสดงป้าย banner จาก http://www.nation.ac.th ที่มีข้อความสำคัญว่า “ฟรี … Samsung Galaxy Tab 10.1 สำหรับนักศึกษาใหม่ทุกคน เพื่อใช้ในการเรียนที่มหาวิทยาลัยเนชั่น” เมื่อทดสอบการแสดงผลกับ IE8 และ FireFox 3.6.6 พบว่าแสดงผลได้ปกติ
โดยใช้ script วาง layer ดังนี้
<body>
<div style=”position:absolute;width:100%;top:40px;text-align:center”>
<iframe width=”950″ height=”465″
src=”http://www.nation.ac.th/banner.html” frameborder=”0″ scrolling=”no”>
</iframe>
</div>

ค่า Pagerank ได้จาก http://www.checkpagerank.net
พบว่า nation.ac.th มีค่า PR = 5 และ Alexa Rank = 4,270,710
พบว่า nation-u.com มีค่า PR = 5 และ Alexa Rank = 2,405,535

การสั่งเปิด image เป็น layer ใหม่ในเว็บพจเดิม

alumni
alumni

7 ต.ค.53 lightbox เป็นชุดสคริ๊ปสำหรับเปิดภาพเป็น layer ใหม่ในเว็บเพจเดิม พัฒนาโดย huddletogether.com จากการทดสอบใน gallery ของ joom พบว่าแต่ละภาพมีขนาดไม่สม่ำเสมอ ถ้าไม่ปรับ code ก็จะควบคุมการแสดงผลไม่ได้ แต่ทดสอบกับ gallery ของ ynalumni พบว่าใช้งานได้ดี เพราะภาพทั้งหมดได้มาจาก facebook ซึ่งมีการปรับความกว้างของทุกภาพให้เท่ากัน และไม่กว้างเกินขนาดของ windows จึงสะดวกในการใช้ previous หรือ next พบว่ามีการใช้งานในหลายเว็บไซต์ เช่น toptenthailand.com หรือ sopitthaspa.com

การกำหนดความสูง ของ lightbox : ทำได้โดยกำหนดใน lightbox.css โดยเติม top:0!important; เข้าไปใน #lightbox{ }

การติดตั้ง lightbox ในแฟ้ม .htm : ทำได้โดยส่ง 6 แฟ้ม คือ lightbox.css builder.js effects.js lightbox.js prototype.js scriptaculous.js เข้าไปในห้องที่เก็บแฟ้ม .htm แล้วเพิ่ม 4 บรรทัดนี้เข้าไปในส่วนหัวของ .htm แล้ว link ของภาพ ก็เติม rel=”lightbox[roadtrip]” หรือ rel=”lightbox” เข้าไป เช่น <a href=”burin.jpg” rel=”lightbox[roadtrip]”><img src=”burin.jpg”></a>

code 4 บรรทัดสำหรับ .htm
<link rel=”stylesheet” href=”lightbox.css” type=”text/css” media=”screen” />
<script src=”prototype.js” type=”text/javascript”></script>
<script src=”scriptaculous.js?load=effects,builder” type=”text/javascript”></script>
<script src=”lightbox.js” type=”text/javascript”></script>

แนะนำเว็บไซต์
http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip
http://www.thaiall.com/java/lightbox/lightbox204a.zip
http://www.thaiall.com/java/lightbox/lightbox.htm
http://www.thaiall.com/actress/joom.htm
http://www.thaiabc.com/ynalumni/photo.asp