<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- แต่ css และ jquery ต้องเปลี่ยนเป็นไฟล์ใน local network ของคุณนะครับ นี่แค่ทำตัวอย่างให้ดูเฉยๆ --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <style> .connect-status { display: inline-block; width: 1em; height: 1em; background-color: #ccc; border-radius: 1000px; } .connect-status.connected { background-color: #009933; } </style> </head> <body> <div class="container"> <h1> Status: <span class="connect-status"> </span> </h1> </div> <script> // โหลดรูปภาพบนอินเตอร์เน็ตจากเซิร์ฟเวอร์ที่มั่นใจได้ว่าออนไลน์ตลอด var connectUrl = "http://icons.iconarchive.com/icons/yellowicon/game-stars/256/Mario-icon.png"; $("<img>") .on("load", function () { $(".connect-status").addClass("connected"); }) // ใส่ query string แบบ random ไปด้วยเพื่อป้องกัน browser ใช้ cache .attr("src", connectUrl + '?' + Math.random()); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
