You are here บทความ รูปสไลด์โชว์สวยๆด้วย RokSlideshow

รูปสไลด์โชว์สวยๆด้วย RokSlideshow

อีเมล พิมพ์ PDF

RokSlideshow เป็น Extensions ที่ทำสไลด์โชว์รูปภาพด้วยฟังก์ชั่น Mootools ทำให้สไลด์นั้นดู Smooth เหมือนกับสร้างสไลด์ด้วย Flash กันเลยทีเดียวถ้าใครสนใจที่จะทำ Slide รูปภาพสวยๆที่หน้าเว็บก็แนะนำโมดูลนี้เลยครับใช้งานง่ายมากๆ

 

ดาวน์โหลดโมดูล RokSlideshow ได้ที่นี่

คุณสมบัติของ RokSlideshow ตัวอย่าง ( http://demo.rockettheme.com/extensions/?extension=rokslideshow )

  • ใช้ Support Mootools
  • การเปลี่ยนภาพได้ 6 แบบ : Fading, Zoom, Push, Slide ...
  • รองรับการใส่ลิงค์
  • สามารถใส่คำบรรยายของรูปภาพได้
  • Support JoomFish

 

วิธีการเซ็ตแบบคร่าวๆ

  • Width : ความกว้างของสไลด์โชว์หน่วยเป็น px
  • Height : ความสูงของสไลด์โชว์หน่วยเป็น px
  • Images Directory : ไดเรกทอรีที่เก็บรูปภาพเช่น images/stories/thailand
  • Loading Progress Bar : แสดงสภานะของการโหลดภาพ
  • Show Text Captions : แสดงคำอธิบายข้อความ
  • Show Title Captions : แสดงคำอธิบายชื่อรูป
  • Caption Height  : ความสูงของพื้นที่คำอธิบายหน่วยเป็น px
  • Title Size : ขนาดด Fonts ของ Title
  • Title Color  :  สีตัวอักษรของชื่อเรื่อง
  • Descriptiojn Size : ขนาดแบบอักษรของรายละเอียด
  • Description Color : สีสำหรับสีตัวอักษรของรายละเอียด
  • Sort Criteria : เรียงตามการเกณฑ์ เช่นจากตัวอักษรหรือ วันที่
  • Dynamic Image Resizing : หากคุณกำลังประสบปัญหากับผลการซูมและอื่น ๆ ให้ลองตั้งค่านี้เป็น No
  • Image Duration : ระยะเวลาแต่ละภาพจะปรากฏ
  • Transition Duration : ระยะเวลาที่ใช้ในการเปลี่ยนระหว่างภาพ
  • Transition Type : ประเภทของการเปลี่ยนแปลงภาพลองเลือกดูนะครับมี 6 แบบ


ตอนหน้าจะเป็นอะไรนั้นอย่าลืมเข้ามาติดตามกันด้วยนะครับ ถ้าถูกใจช่วยกด Like ให้ด้วยนะคับ และสำหรับเพื่อนๆที่เล่น Twitter สามารถติดตามข่าวสารของเราได้ที่ @icreativeweb ถ้ามีบทความอัพเดทใหม่จะแจ้งให้ทราบใน Facebook และ Twitter นะครับ

 

คอมเมนต์  

 
+2 # %ป.-%ด.-%ว. %ช.:%น.
จะวาง โมดูลนี้ตรงกลาง เว็บทำไงครับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
เหมือนคอมเม้นท์ ข้างบนเลยครับ แก้ไขไงครับ
และการกำหนดกรอบ ให้รูปต้องทำไงค รับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.

ขอบคุณครับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ขอบคุณค่ะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ขอบคุณมากครับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ไม่โชว์ภาพเลยคะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
แก้ยังไงอะคะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
+1 # %ป.-%ด.-%ว. %ช.:%น.
เออ อยากทำเป็นมั่งอ ่ะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
เอารูปมาใส่ยังไ งหรา พอดีผมพึ่งเรียน ทำ รู้ช่วยบอกระเอี ยดๆ หน่อย ครอบคุนคับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
upload ทั้งZIP ใช่ไหมแล้วจะเรี ยกใช้งานต้องเข้ าไปตรงไหนค่ะคือ เข้าไม่ถูก
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
เราอยากให้มันแส ดงแค่หน้าหลักทำ ไงค่ะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
+1 # %ป.-%ด.-%ว. %ช.:%น.
ใส่ลิงค์ตรงไหนค ะ อยากให้มันคลิ๊ก ที่รูปได้คะ ทำยังไงคะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ลองแล้วครับ แสดงภาพช้ามาก....................
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ได้ละ หาโมดูลตั้งนาน มีแต่แบบแกลอรี่ อิอิอิ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
มันไม่อยู่ตรงกล าง ทำไงดี หรือว่าขึ้นอยู่ กับเทมเพลตที่เร าใช้ด้วย
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ด้ายแล้วอิอิ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
สไลด์ออกมาสวยมา กเลยครับ
พระคุณมากครับ
www.changproperty.com
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 

เพิ่มคอมเมนต์ใหม่

canakkale canakkale canakkale truva search