SI Magnifier – CSS class demo

The Rectangle lens has been configured to render on image mouse over if the <img> tag contains the CSS class sim_rectangle_lens.

Renders the Rectangle lens

Both of the <img> tags below have the CSS class sim_rectangle_lens.

Renders the Circle lens

In addition to the CSS class sim_rectangle_lens this <img> tag also has a data-sim-id attribute with the Circle len’s ID – this takes precedence over a css class name.