magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Mosaic Background


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!
w3c compliant
© 2012-18 by MAGNA web studio • all rights reserved


new shop with