ImageSlide

คำอธิบาย

Slideshow รูปภาพล้วน รองรับลิงก์ต่อสไลด์ และสัดส่วนรูปแบบ responsive

Schema Props

{
    "slides": {
        "type": "array",
        "default": [
            {
                "image": "",
                "link": "#",
                "alt": ""
            }
        ],
        "label": "รายการสไลด์ (image, link, alt)"
    },
    "heightMode": {
        "type": "select",
        "default": "ratio",
        "options": [
            "ratio",
            "fixed"
        ],
        "label": "โหมดความสูง"
    },
    "aspectRatio": {
        "type": "select",
        "default": "16\/9",
        "options": [
            "16\/9",
            "4\/3",
            "3\/2",
            "1\/1",
            "21\/9"
        ],
        "label": "สัดส่วนภาพ"
    },
    "height": {
        "type": "number",
        "default": 400,
        "label": "ความสูงคงที่ (px)"
    },
    "autoPlay": {
        "type": "boolean",
        "default": true,
        "label": "เล่นอัตโนมัติ"
    },
    "showArrows": {
        "type": "boolean",
        "default": true,
        "label": "แสดงลูกศร"
    },
    "showDots": {
        "type": "boolean",
        "default": true,
        "label": "แสดงจุด"
    },
    "borderRadius": {
        "type": "number",
        "default": 0,
        "label": "ความโค้งมน (px)"
    },
    "objectFit": {
        "type": "select",
        "default": "cover",
        "options": [
            "cover",
            "contain"
        ],
        "label": "การแสดงรูป"
    },
    "transition": {
        "type": "select",
        "default": "slide",
        "options": [
            "slide",
            "fade"
        ],
        "label": "แบบเปลี่ยน"
    }
}