ทำภาพสะท้อนแบบ photoshop ด้วย java script จัดทำโดย : Coffee cup พิมพ์


ขั้นตอนการทำ

1. Copy Script และนำไปวางในตำแหน่ง <Body> ของหน้าเว็บ

<!--Change following reflection image to your own-->
<img id="reflect" src="reflect.jpg">
<br>

<script language="JavaScript1.2">

/*
Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}

</script>

2. ตัวอย่าง การนำไปใช้งาน

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webthaidd.com</title>
</head>
<body>

<!--Change following reflection image to your own-->
<img id="reflect" src="webthaidd-test-reflect.gif">
<br>

<script language="JavaScript1.2">

/*
Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}

</script>
</body>
</html>


คุณอาจสนใจ
ป้องกันการเขียนข้อมูลลงธัมบ์ไดรฟ์ (SP2)
เว็บไทยดีดี (26,049 - 28 ก.ค. 50)
การใช้ Function mktime()
Mr.GuruZ (39,812 - 03 มิ.ย. 49)
การใช้คำสั่ง Include กับการแสดงผล
Mr.GuruZ (44,716 - 03 มิ.ย. 49)
สารพัด Save Mode ของโปรแกรม Windows XP
เว็บไทยดีดี (17,094 - 26 ม.ค. 51)
Crop Tool (C)
Mr.GuruZ (64,066 - 22 ก.ย. 50)
ห้ามเปลี่ยนตำแหน่งไอคอนที่จัดเรียงไว้หน้าจอ XP
เว็บไทยดีดี (16,146 - 26 ม.ค. 51)
การปรับแต่งรอยมาร์คเพื่อการตัด(ต่อจากเรื่องนามบัตร)
Lek (44,576 - 27 มิ.ย. 49)
เทคนิคการหักเหของแสงในวัตถุโปร่งใส
เว็บไทยดีดี (28,231 - 01 เม.ย. 51)