65 lines
1.4 KiB
JSON
65 lines
1.4 KiB
JSON
{
|
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
"apiVersion": 3,
|
|
"name": "carhop-blocks/image-stack",
|
|
"version": "0.1.0",
|
|
"title": "Image Stack (Focal Point)",
|
|
"category": "carhop-blocks",
|
|
"icon": "images-alt2",
|
|
"description": "Layer multiple images with individual focal point positioning.",
|
|
"example": {
|
|
"attributes": {
|
|
"images": [
|
|
{
|
|
"id": 1,
|
|
"url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4",
|
|
"alt": "Mountain landscape",
|
|
"focalPoint": {
|
|
"x": 0.5,
|
|
"y": 0.3
|
|
},
|
|
"scale": 0.8
|
|
},
|
|
{
|
|
"id": 2,
|
|
"url": "https://images.unsplash.com/photo-1511884642898-4c92249e20b6",
|
|
"alt": "Forest scene",
|
|
"focalPoint": {
|
|
"x": 0.7,
|
|
"y": 0.6
|
|
},
|
|
"scale": 0.6
|
|
}
|
|
],
|
|
"height": 400
|
|
}
|
|
},
|
|
"attributes": {
|
|
"images": {
|
|
"type": "array",
|
|
"default": [],
|
|
"items": {
|
|
"type": "object"
|
|
}
|
|
},
|
|
"height": {
|
|
"type": "number",
|
|
"default": 400
|
|
}
|
|
},
|
|
"supports": {
|
|
"html": false,
|
|
"align": [
|
|
"wide",
|
|
"full"
|
|
],
|
|
"spacing": {
|
|
"margin": true,
|
|
"padding": true
|
|
}
|
|
},
|
|
"textdomain": "image-stack",
|
|
"editorScript": "file:./index.js",
|
|
"editorStyle": "file:./index.css",
|
|
"style": "file:./style-index.css"
|
|
} |