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] Image To Full


The most lightweight solution to view standard images in modal and proportional full-size mode.

Some features:

- Custom fade-out color, opacity and pattern for modal mode.
- Customizable borders and margins for the full-size image.
- Optional and customizable button to close the full-size image.
- Customizable fade-in and out cycles.
- Two different resize methods for the full-size image.
- Automatic styled image captions.
- Optional enhanced cursors.
- RWD support.
- Multiple instances.
- Cross-platform, maximum backward compatibility and lightweight without dependencies.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


* Just a brief about some of the changes that were made lately...

* New in version 1.1

- New full size mode to make the setup even easier.
- Push effects for the close button.
- Responsive image shadow.
- Improved resize algorithm.
- Improved focus handling.
- Improved modal mode.



How to use?

1. Design your page with images as you usually do.
2. Drag and drop the extension instance.
3. Enter the image name/s or the container/s name/s that hold/s them.
4. Optionally, change the default settings for the ones that fit your scheme.
5. Preview or publish.

Enjoy!
w3c compliant
© 2012-18 by MAGNA web studio • all rights reserved


new shop with