@jimebillie/gallery-plugin
v1.0.1
Published
> ***Billie Gallery - Javascript Plugin*** - Project เล็ก ๆ > ในการจัดหมวดหมู่ให้กับภาพถ่าย [@jimebillie](https://github.com/jimebillie) ออกแบบให้ดูสบายตา และ Classic สุด ๆ > ด้วย > CSS , JavaScript ซึ่งใช้งานง่ายมาก มีแค่ Attribute เดียวเท่านั้น !!!
Downloads
2
Readme
Billie Gallery 📸
Billie Gallery - Javascript Plugin - Project เล็ก ๆ ในการจัดหมวดหมู่ให้กับภาพถ่าย @jimebillie ออกแบบให้ดูสบายตา และ Classic สุด ๆ ด้วย CSS , JavaScript ซึ่งใช้งานง่ายมาก มีแค่ Attribute เดียวเท่านั้น !!!
ทดสอบ : https://3illie.github.io/gallery-plugin/DEMO.html
วิธีใช้
ถ้าจะติดตั้งด้วย npm
npm i @jimebillie/gallery-plugin
1.ไฟล์ที่สำคัญ
- css
<!--billie-gallery-css--> <link rel="stylesheet" href="env-3illie-gallery-plugin/css/billie-gallery.css"> <!--.\billie-gallery-css-->
- JavaScript
<!--billie-gallery-js--> <script src="env-3illie-gallery-plugin/javascript/billie-gallery.js"></script> <!--.\billie-gallery-js-->
2.ตัวอย่างการใช้ ให้ใช้กับ Tag
img
<img src="https://images.unsplash.com/photo-1526546334624-2afe5b01088d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1899&q=80" alt="ตึก" billie-gallery="ตึก">
เพียงแค่เพิ่ม Attribute
billie-gallery
= ชื่อหมวดหมู่ที่ต้องการ ถ้าใช้ชื่อเดียวกัน จะถูกรวมกลุ่มเป็น Gallery เดียวกัน