.uiMagnifier()
Categories: UI
.uiMagnifier( [ options ] )
Subclass: ep
Inherit: (Subclass: ep) .widget()
Plugin: ep.ui.magnifier
Description: Adding magnifier function to an image
-
.uiMagnifier( [ options ] )
version added: 6.12.0options A map of additional options pass to the method.
The .uiMagnifier()
widget adds a magnifier to an preview image. The magnified image is passed as
additional option and will be shown in a magnified area.
The dimensions of the magnifier mover depends on the dimensions of the magnified image, the magnified area and the preview image.
-
Add a magnifier on the right side of an image.
HTML:
<img src="Image.jpg" name="Bild" alt="Bild" id="image" />
Code:
ep('#image').uiMagnifier({ 'magnifiedPicture':'magnifiedImage.jpg', 'magWidth': 200, 'magHeight': 200, 'dir': 'right' });
-
setImage
-
.uiMagnifier('setImage', newPreviewImage, newMagnifiedImage)
version added: 6.12.0newPreviewImage Specifies path and name of the file containing the new preview image.
newMagnifiedImage Specifies path and name of the file containing the new magnified image.
Setting a new preview and magnified image.
-