ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 


เพิ่มลูกเล่นให้รูปภาพด้วย Animate on hover 

 

สำหรับโมดูลนี้ เป็น โมดูเกี่ยวกับการเล่นกับรูปภาพ คือ เมื่อคุณนำเมาส์ไปชี้ที่รูปภาพ แล้วรูปภาพมีการเคลื่อนไหวในลักษณะต่าง ๆ เช่นเลื่อนจากบนลงล่าง หรือเลื่อนจากซ้ายไปขวา โดยคุณสามารถประยุกต์ใช้งานกับตำแหน่งต่าง ๆ บนหน้าเว็บไซต์ ไม่ว่าจะเป็นด้านซ้าย ขวา หรือตรงกลาง ซึ่งจะช่วยเพิ่มลูกเล่นให้กับเว็บไซต์ของเราได้พอสมควรทีเดียว

ดูตัวอย่างจากเว็บผู้ผลิต  >>คลิ๊กที่นี่<<  

ดูตัวอย่างจาก ninetechno >>คลิ๊กที่นี่<<

Download  File >>คลิ๊กที่นี่<<

อ่านวิธีการติดตั้ง Extension >>คลิ๊กที่นี่<<


เมื่อ Download และติดตั้งเสร็จเรียบร้อยแล้ว ให้ไปที่เมนูส่วนขยาย > การจัดการโมดูล

 

joomla module animate on hover

 

คลิ๊กเมาส์เลือก

 

joomla module animate on hover

 

ในส่วนของรายละเอียด ให้กำหนดรายละเอียดเกี่ยวกับ module ตามต้องการ อ่านวิธีการปรับแต่งได้>>ที่นี่<<

 

joomla module animate on hover

 

กำหนดเมนู Assignment ตามต้องการ อ่านวิธีการปรับแต่งได้ >>ที่นี่<<

 

joomla module animate on hover

 

กำหนดพารามิเตอร์ของ module

Image folder directory : กำหนดโฟลเดอร์สำหรับเก็บรูปภาพ ไม่ต้องเปลี่ยนแปลง ให้ Upload รูปภาพด้วยโปรแกรม Filezilla ไปไว้ในโฟลเดอร์นี้ได้เลย

Gallery position : กำหนดตำแหน่งในการแสดงโมดูล มีให้เลือกคือ ซ้าย และ กึ่งกลาง

Gallery width : กำหนดความกว้างให้กับ พื้นที่ที่ใช้สำหรับแสดงรูปภาพ

Gallery background color : กำหนดสีพื้นหลังให้กับพื้นที่ที่ใช้สำหรับแสดงรูปภาพ

Nr of images rows : ใส่ตัวเลขเพื่อกำหนดจำนวนแถวมที่ต้องการให้แสดงรูปภาพ

Nr of images per row : ใส่ตัวเลขเพื่อกำหนดจำนวนรูปภาพที่ต้องการแสดงในพื้นที่แสดงรูปภาพ

Gallery row effect :  กำหนดลูกเล่นในการเปลี่ยนรูปภาพ เช่น เลื่อนจากบนลงล่าง เลื่อนจากซ้ายไปขวาเป็นต้น

Images width :  กำหนดความกว้างให้กับรูปภาพที่อยู่ในพื้นที่แสดงรูปภาพ

Images Height : กำหนดความสูงให้กับรูปภาพที่อยู่ในพื้นที่แสดงรูปภาพ

สำหรับรายละเอียดอื่น ๆ คิดว่าดูจากรูปภาพน่าจะเข้าใจได้เลยครับ คร่าว ๆ เพียงเท่านี้แล้วกันครับ

 

joomla module animate on hover

joomla module animate on hover

joomla module animate on hover