เทคนิคการสร้างภาพให้เปลี่ยนไปเมื่อเอาเม้าส์ไปวางบนภาพ

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

ขั้นที่ 1 เลือกภาพนิ่งที่จะนำมาสร้างเป็นภาพกึ่งเคลื่อนไหว มา 2 ภาพค่ะ และอัพภาพทั้งสองภาพทั้งสองภาพใส่ไว้ที่ร้านค้าของคุณค่ะ

ขั้นที่ 2 วางภาพที่ต้องการใช้ทั้งสองภาพลงไปในกล่อง “อิสระ” ค่ะ

ขั้นที่ 3 คลิกขวาที่ภาพทั้งสอง แล้วเลือก “Insert/edit image”แล้ว คัดลอก Image URL ออกมาทั้งสองภาพเลยนะคะ

ขั้นที่ 4 ลบภาพที่ 2 ออก ก่อนจะ Select ภาพที่ 1 แล้วเลือก Insert/edit image อีกครั้งค่ะ จากนั้นให้เลือกที่ Advance แล้วติ๊กถูกที่ “Alternative image” ค่ะ

ขั้นที่ 5  ใส่ url ของทั้งสองภาพที่เราคัดลอกเอาไว้ลงไป ในช่อง “for mouse over” และ “for mouse out” ตามที่เราต้องการเลยค่ะ

เพียงเท่านี้คุณก็จะได้ภาพที่เหมือจะเคลื่อนไหว คือ เมื่อดูแบบธรรมดาจะแสดงในรูปแบบหนึ่ง แต่เมื่อนำเม้าส์ไปวางก็จะแสดงผลในอีกรูปแบบหนึ่งแล้วล่ะค่ะ

Sayreya

มนุษย์ออนไลน์สายแชท & ช้อป ที่ชื่นชอบอาศัยบนโลกดิจิทัล แต่ก็หลงใหลในเรื่องลี้ลับ และโหราศาสตร์ #Sayreya #Lnw #LnwShop #YWC #TWA #Astrology #Horoscope

Leave a Reply

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็นค่ะ

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • Google Analytics

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

  • Google Tag Manager

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

  • Facebook Pixel

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

บันทึก