<script language="javascript"> function showPreview(ele) { $('#imgAvatar').attr('src', ele.value); // for IE if (ele.files && ele.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#imgAvatar').attr('src', e.target.result); } reader.readAsDataURL(ele.files[0]); } } </script> <input onclick="showPreview(this)" value="img/b111.png" size="10" />
<style type="text/css"> .outer { width:100%; text-align:center; } .image > img { width:200px; height:200px; margin: 10px auto; } .list > img { cursor:pointer; width:100px; height:100px; border:1px solid #ccc; border-radius:3px; display:inline-block; margin:5px; padding:10px; background-color:#fff; } </style> <title></title> <script type='text/javascript'>//<![CDATA[ window.onload=function(){ $(function(){ $(".list > img").on('click', function(){ var value = $(this).attr('src'); $(".image > img").attr('src',value); }); }); }//]]> </script> </head> <body> <div class="outer"> <div class="image"> <img src="http://www.easternlivingguide.com/th/wp-content/uploads/2013/10/kasikornbank.jpg"/> </div> <div class="list"> <img src="http://www.easternlivingguide.com/th/wp-content/uploads/2013/10/kasikornbank.jpg"/> <img src="http://bualuang.co.th/th/images/BBL_logo.png"/> <img src="http://static1-velaeasy.readyplanet.com/www.105beautyshop.com/images/content/original-1465118342131.png"/> <img src="https://www.job4thai.com/wp-content/uploads/job-bank-of-ayudhya-256x256.jpg"/> </div> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 01
Load balance : Server 01
