Oracle APEX Plug-In: Image Zoom

A plug in to enlarge a image using lens or mirror (glass). Credits goes to W3schools.

Demo Application: https://apex.oracle.com/pls/apex/f?p=133110:9999::BRANCH_TO_PAGE_ACCEPT::9999:P9999_APP_PAGE_REDIRECT:12

Prerequisite:

DB versions: 12.1.0.1,12.2.0.1,18.4.0.0,19.0.0.0.0,19.2.0.0.19,21.0.0.0.0,21.1.0.0.0,21.1.0.0.1

APEX versions 20.1.0.00.13,20.2.0.00.20,21.1.0

Installation:

Export plugin file "item_type_plugin_orclking_image_zoom.sql" from source directory and import it into your application.

Steps to Achieve:

Step 1: Export plugin file "item_type_plugin_orclking_image_zoom.sql" from Source directory and import it into your application.

Navigation: Shared Components ==> Plug-ins ==> Import

Plugin will be listed under plug-ins bucket after successful installation.

Step 2: Create a new blank page.

Step 3: Create a new region to the page.

Step 4: Create a item to the region and change the item type to Image Zoom [Plug-In].

Note: You can define image url using page item or direct image link.

Step 5: Fill required attributes

1. Image Link
2. Image Width
3. Image Height
4. Glass Color
5. Glass Size

Output: Then you output would display like this,

That's it.

Happy APEXing!!!...

References:

https://www.w3schools.com/howto/howto_js_image_zoom.asp