วิธีซูมภาพเช่นขนาดกลาง

แพลตฟอร์มบล็อกขนาดกลางใช้ ผลการซูมภาพที่กำหนดเอง บนหน้าบล็อกของพวกเขา เมื่อใดก็ตามที่ผู้ใช้คลิกที่ภาพมันจะซูมเข้าสู่ขนาดที่ใหญ่ขึ้นโดยอัตโนมัติ.

มันเป็นเอฟเฟกต์ที่ยอดเยี่ยมและมีความโดดเด่นเป็นพิเศษสำหรับ Medium แต่ก็ไม่เคยมีสิ่งที่สามารถคัดลอกได้ง่าย.

ตอนนี้ด้วย MediumLightbox สคริปต์มันง่ายกว่าที่เคย สคริปต์ JS นี้มีน้ำหนักเบาและง่ายต่อการเพิ่มลงในเว็บไซต์หรือบล็อกใด ๆ.

หากคุณต้องการดูว่ามันทำงานอย่างไรคุณสามารถเยี่ยมชม หน้าสาธิตสด จัดทำโดยผู้สร้าง Davide Calignano.

เขาใช้เวลาสักครู่เพื่อตอกย้ำการเปลี่ยนแปลงที่แน่นอนและเอฟเฟกต์ภาพเคลื่อนไหวที่กำหนดเอง สร้างภาพสะท้อนของการซูมภาพขนาดกลาง. ห้องสมุดทั้งหมดคือ เขียนใน JavaScript บริสุทธิ์, ดังนั้นจึงไม่ต้องพึ่งพา 3 ใด ๆ^ถ สคริปต์ปาร์ตี้เช่น jQuery.

คุณจะต้องรู้จัก JS เล็กน้อยในการตั้งค่า แต่แน่นอนคุณไม่จำเป็นต้องเป็นผู้เชี่ยวชาญ.

ภาพแต่ละภาพสามารถ คุณลักษณะ data- * สำหรับการตั้งค่าความสูงและความกว้างเต็มขนาดซึ่งทั้งหมดคือ ดึงแบบไดนามิก จากปลั๊กอิน lightbox รหัสการตั้งค่านั้นง่ายมากและสามารถ กำหนดเป้าหมายภาพเอง, หรือ ภาชนะบรรจุเช่น