[rz] Mosaic Background
Posted: Tue Nov 06, 2018 7:34 am
[rz] Mosaic Background v1.0
This lightweight extension creates a proportional background of an image with a mosaic effect.
- Selectable number of elements.
- Tint simulation for both the main image and the elements image.
- Custom border and inset/outset shadow.
- Square, rounded or random border shape.
- Random min-max size and zoom for the elements.
- Works with one or two different images (for more visual effects).
- Auto target or custom target for almost any object.
- Really lightweight, no dependencies, no jQuery.
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
How to use?
1. Design your page with its elements.
2. Drag and drop an extension instance.
3. Open the properties dialog and enter the image/s (and, optionally, you can customize the behavior and other parameters).
4.a. For layers background: drag the extension instance and drop it within the layer.
4.b. For page background: drag and drop the extension instance in the page.
4.c. For other objects background: Enter the id of the object you want to have the background.
5. Preview or publish.
Enjoy!
This lightweight extension creates a proportional background of an image with a mosaic effect.
- Selectable number of elements.
- Tint simulation for both the main image and the elements image.
- Custom border and inset/outset shadow.
- Square, rounded or random border shape.
- Random min-max size and zoom for the elements.
- Works with one or two different images (for more visual effects).
- Auto target or custom target for almost any object.
- Really lightweight, no dependencies, no jQuery.
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
How to use?
1. Design your page with its elements.
2. Drag and drop an extension instance.
3. Open the properties dialog and enter the image/s (and, optionally, you can customize the behavior and other parameters).
4.a. For layers background: drag the extension instance and drop it within the layer.
4.b. For page background: drag and drop the extension instance in the page.
4.c. For other objects background: Enter the id of the object you want to have the background.
5. Preview or publish.
Enjoy!