Theme
arya
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga
vela
arya
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga
vela
imageZoom
ImageZoom is a widget for allowing a zoom on an image to a high definition version.
Components and more
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MasterDetail
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Basic Zoom
Documentation pe:imageZoom
Attributes (move mouse over the names to see data types)
Name
Description
id
Unique identifier of the component in a naming container.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding
An EL expression referring to a server side UIComponent instance in a backing bean.
widgetVar
Name of the client side widget.
for
The target image.
margin
The space outside the zoomed image. Default is 0
scrollOffset
The number of pixels to scroll to close the zoom. Default is 40
background
The background color of the overlay. Default is #FFF
container
(Optional) The viewport to render the zoom in
template
(Optional) The template element to display on zoom
PrimeFaces Extensions Showcase - © 2011-2023,
PrimeFaces: 14.0.5,
PrimeFaces Extensions: 14.0.5,
JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,
Server: jetty/9.4.36.v20210114,
Build time: 2024-09-10 21:01
occured!