<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showImg(imgsrc) { document.frmMain.imgAvatar.src=imgsrc; } </script> <a href="" OnMouseOver="javascript:showImg('plakrim.jpg');"><img src="plakrim.jpg" width="40"></a> <br> <a href="" OnMouseOver="javascript:showImg('win.jpg');"><img src="win.jpg" width="40"></a> <hr> <img id="imgAvatar"> </form> </body> </html>
<!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=utf-8" /> <title>Zoom</title> <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> <style> img { border: 1px thin #999; } #images { position: absolute; border: 5px solid #999; } #info { width: 950px; height: 700px; position: absolute; overflow: hidden; } </style> <script type="text/javascript"> $( function(){ var offsetX = 10; var offsetY = 0; $('#box a').animate({ "opacity" : 0.5 }); $('#box a').hover( function(e){ var href = $(this).attr('name'); var html = '<div id="info">'; html += '<div align="right" style="padding-right:50px; padding-bottom:10px;"><strong>'+ href +'</strong></div>'; html += '<img src="'+ href +'" id="images" />'; html += '</div>'; $(this).animate({ "opacity" : 1 }); $('#box').append(html).children('#info').hide().fadeIn(500); $('#info').css('top', e.pageY + offsetY).css('left', e.pageX + offsetX); }, function(){ $(this).animate({ "opacity" : .5 }); $('#info').remove(); } ); $('#box a').mousemove( function(e){ $('#info').css('top', e.pageY + offsetY).css('left', e.pageX + offsetX); }); }); </script> </head> <body> <div id="box"> <a href="#" name="gallery2.jpg"><img src="gallery21.jpg" /></a> <a href="#" name="gallery3.jpg"><img src="gallery31.jpg" /></a> <a href="#" name="gallery4.jpg"><img src="gallery41.jpg" /></a> <a href="#" name="gallery5.jpg"><img src="gallery51.jpg" /></a> <a href="#" name="gallery6.jpg"><img src="gallery61.jpg" /></a> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 02
Load balance : Server 02
