[rz] Image To Full *** UPD 2018-Sep-14 ***
Posted: Thu Aug 16, 2018 10:12 am
[rz] Image To Full v1.1
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
* 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!
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
* 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!