Stable Version 1.0.1 (Compatible with OutSystems 11)

Published on 21 November 2020 by

Huarlem Lima

3.4

(5 ratings)

Details

A simple sample of how to zoom images.

Zoom your images with CSS, just with a drag and drop.

What’s new (1.0.1)

Added more zoom options, 2x, 3x, 4x, 5x

Reviews (1)

by Ricardo Reis

2020-11-17

in version 1.0.0

I've already used this solution in a project and it works like a charm!
However, it only works on the page load, so it would very useful to have it working with Ajax Refreshes.

Good job!

Related Components

A jQuery plugin for image cropping and zooming. Loads images locally via FileReader, and crops them using canvas. Designed to be extremely customizable via CSS. Best for the cases where you want users to upload images of a specific size and aspect ratio.

268

full-screen video background that covers the entire browser window with outsystems Video widget. Specially used while creating a fancy website.

A PDF viewer based on the viewer provided by the PDF JS project (https://mozilla.github.io/pdf.js/).

1497

More from Huarlem Lima

Custom Input Masks uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, currencies, numbers, phone numbers, emails, urls ... Using input masks you’ll get better and more consistent data, and it will be a lot easier for your users to read and enter that data.

5439

Component sample to create dynamic forms with validation, tips, and dependent fields. Very useful when the user needs to create his form, create polls, surveys, quizzes, and checklists. You can sort the fields by dragging and dropping.

1805

Added option to generate Report PDF. Original component http://www.outsystems.com/forge/component/1414/simple-reports/ A very simple and easy report system using advanced CSS and JS with a preview directly in your pages. (design it inside ServiceStudio)

1513

Training

Documentation

OnClick Zoom Image

OnClick Zoom Image