Thank you for the explanation. You can do the following:
1. Open "System - ARI Sexy Lightbox Anyhwere" plugin settings and set "Image gallery -> Single image -> Template" parameter to:
| Code: |
<div class="thumb-icon-overlay">
{$data:sexyimage}
<div class="thumb-icon"></div>
</div>
|
2. Add the next CSS rules to site template CSS file:
| Code: |
DIV.thumb-icon-overlay
{
display: inline-block;
zoom: 1;
*display: inline;
position: relative;
}
DIV.thumb-icon-overlay DIV.thumb-icon
{
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
right: 5px;
background: transparent url(http://www.brass-swing.de/plugins/system/jcemediabox/img/zoom-img.png) no-repeat center center;
}
|
Only change path to magnifier icon and set appropriate width and height in the second CSS rule.
Regards,
ARI Soft
