Standard magnifying glass
With iMagnifier 2.x, you can easily add a magnifying glass to your images, allowing visitors to see even the smallest details in your pictures...
Circle magnifying glass
In this example, a round glass is used and the shadow options have been slightly adjusted. Furthermore, the glass has a black, slightly transparent frame.
Module modified by Template
The module can also be styled using the template you are using (options vary depending on the template used). In this example, the container was given the class "uk-overflow-hidden" and the custom CSS below for the border radius was assigned to the container. As a result, the magnifying glass is not displayed outside the container.
.el-element {
border-radius: 20px;
}Fullscreen Example
Reveal Image
You can define the preview and zoom image in the module settings, which also allows you to use different images and reveal the second one with the magnifying glass, as you can see in this example.
Included 3D Lens Styling
The module also includes an optional soft 3D style for the lens to provide a slightly more tactile layout.