|
หวัดดีครับเพื่อนๆ,เพื่อนๆหลายคนคงเคยเห็นรูปที่ที่เงาสะท้อนรูปภาพวันนี้ผมวิธีการทำเงาสะท้อนรูปภาพแบบง่ายๆมาฝากครับโดยใช้ Plugin image reflection ซึ่งจะทำให้เรามีภาพสวยๆประกอบในบทความครับอีกอย่างครับตัวนี้ฟรีไม่เหมือน YOOeffect ครับ
ขั้นตอนแรกให้ทำการติดตั้ง Plugin เลยครับเมื่อติดตั้งเสร็จแล้วให้ไปที่ Extensions >> Plguin Manager
เมื่อเข้ามาแล้วให้มองหา Plugin ที่ชื่อว่า Image Reflection และทำการเปิดใช้งานครับ
เมื่อเปิดการใช้งานแล้วนะครับผมจะแนะนำ code ในการใช้ 2 code ครับเพื่อเป็นตัวอย่างนะครับ code แรกแบบมีพื้นหลังนะครับ
<*div style="float: left; background-color: black; padding: 5px;"><*img src="/images/stories/gallery/gl-4.jpg" class="reflect">
อธิบายโค๊ดด้านบนนะครับผมกำหนดพื้นหลังให้มีสีดำและ พาธรูปที่ผมใช้คือ images/stories/gallery/gl-4.jpg และสั่งให้แสดงเงาโดยใช้คำสั่ง reflect
ตัวอย่างที่ 2 นะครับ ผมจะทำให้รูปภาพมีเงาสะท้อนโดยไม่มีพื้นหลัง
<*div style="float: left; padding: 10px;"><*img src="/images/stories/gallery/gl-4.jpg" class="reflect rheight20" />
อธิบายโค๊ดด้านบนนะครับพาธของรูปผมคือ images/stories/gallery/gl-4.jpg และใช้คำสั่งให้เงาสะท้อ โดยใช้คำสั่ง reflect มีความสูงของเงาคือ 20
ใช้จริงไม่ต้องใส่ *
สารถดูรายละเอียดโค๊ดได้โดยคลิกเข้าไปที่ Plugin images reflect ครับจะมีคำอธิบายอยู่ด้านข้างครับ
|
