Hello, we're using the eo:ImageZoom webcontrols for several sites (about 40 of them). One client would like to have a solid black or darkened background when we click on an image and have it zoom out using the ImageZoom feature. The code, as currently called, is:
<eo:ImageZoom ID="ImageZoomDetailA" runat="server" PositionY="ImageCenter" PositionX ="ScreenCenter" Description="<div class='itempopup'>Click image again to reduce size.</div>">
</eo:ImageZoom>
To create a dark background, I believe I'm supposed to add and define the BackShadeOpacity and BackShadeColor to this code. I have tried it, as follows, but nothing is happening:
<eo:ImageZoom ID="ImageZoomDetailA" runat="server" BackShadeColor="black" BackShadeOpacity="55" PositionY="ImageCenter" PositionX ="ScreenCenter" Description="<div class='itempopup'>Click image again to reduce size.</div>">
</eo:ImageZoom>
The CSS style is defined as:
.itempopup {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #c6bb9d;
background-color: #000000;
padding: 5px 5px 5px 5px;
}
Any suggestions? Could someone provide the proper syntax, if I'm doing this incorrectly? Thanks!