Image Zoom Adobe Muse Widget
You can enlarge images on mouseover, touch, grab or click. You can choose among 4 effect types and many other cursor types. Just attach a photo to the widget, select the desired effect and the image will dynamically zoom.
Effect Types: mouseover, grab, click and toggle. Type desired value in Effect Type box.
Cursor Types: most common values are default, pointer or move, but you can choose a lot of other cursors. Available values: alias, all-scroll, auto, cell, context-menu, col-resize, copy, crosshair, default, e-resize, ew-resize, grab, grabbing, help, move, n-resize, ne-resize, nesw-resize, ns-resize, nw-resize, nwse-resize, no-drop, none, not-allowed, pointer, progress, row-resize, s-resize, se-resize, sw-resize, text, URL, vertical-text, w-resize, wait, zoom-in, zoom-out, initial, inherit. Check descriptions in https://www.w3schools.com/cssref/pr_class_cursor.asp
IMAGE ZOOM V2: fixed wrong width bug with some Adobe Muse versions.
IMAGE ZOOM V3: compatible with Adobe Muse 2018.
HOW DOES IT WORK
- Add the widget into Muse workspace.
- Attach the image.
- Add an image description.
- Select effect and cursor type.
[button link=”https://responsive-muse.com/demos/widget-image-zoom/” color=”orange” size=”” stretch=”” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_divider=”yes” icon_position=”center” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”center” class=”” id=””]PREVIEW[/button]
Pavel –
I like it a lot. I wish there were more effects.