Hi All,
I cant figure out why the control icons are not being displayed when the image is enlarged.
The control icons are located on the icons.png image.
Please scroll down to the photo gallery to see for yourself.
On this site that has the same files on the server it is displayed correctly:
http://realimg.com/joinysc/
however, on the site which is hosted on another server with another company the control icons are not displayed.
http://joinysc.ysc.org/
here is the code:
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
background-image: url("../images/icons.png");
background-repeat: no-repeat;
border: none!important;
text-decoration: none!important;
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
top: 0;
}
I cant figure out why the control icons are not being displayed when the image is enlarged.
The control icons are located on the icons.png image.
Please scroll down to the photo gallery to see for yourself.
On this site that has the same files on the server it is displayed correctly:
http://realimg.com/joinysc/
however, on the site which is hosted on another server with another company the control icons are not displayed.
http://joinysc.ysc.org/
here is the code:
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
background-image: url("../images/icons.png");
background-repeat: no-repeat;
border: none!important;
text-decoration: none!important;
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
top: 0;
}