โดยไฟล์ทั้งหมดประกอบไปด้วยดังนี้
* large.jpg – เป็นไฟล์รูปขนาดใหญ่เมื่อถูกคลี่ออกมาเหมือนกำลังเปิดหนังสือครับ
* small.jpg – เป็นไฟล์มุมเล็กแสดงว่าสามารถคลี่ลงมาได้
* large.swf – เป็นไฟล์ Flash ไว้แสดง Effect ครับ
* small.swf – เป็นไฟล์ Flash ไว้แสดง Effect ครับ
* peel.js – ไฟล์ javascript ครับ
ก่อนอื่นก็ต้องไปออกแบบ ไฟล์รูป large และ small ครับ
ไปแก้ไขไฟล์ peel.js ให้ path ที่เราติดตั้งตรงกันกับ Web ดังนี้
jaaspeel.ad_url = escape('ใส่ Url หน้า Web ที่เราต้องการให้ไปครับ');
jaaspeel.small_path = ‘http://www.webcms.in.th/peel/small.swf’;
jaaspeel.small_image = escape(‘small.jpg’);
jaaspeel.big_path = ‘http://www.webcms.in.th/peel/large.swf’;
jaaspeel.big_image = escape(‘large.jpg’);
จากนั้น นำ code javascript ไปใส่ที่ header ของ Web
<script src="http://www.webcms.in.th/peel/peel.js" type="text/javascript"></script>
webcms.in.th