Fancy box with one image only
Posted
by
Mohamed Samy
on Stack Overflow
See other posts from Stack Overflow
or by Mohamed Samy
Published on 2014-03-06T11:28:19Z
Indexed on
2014/05/28
3:27 UTC
Read the original article
Hit count: 135
I using fancy box with my photo gallery, the problem is found it upload 2 images. one for the Thumbnail and one for fancy box
<a style="display: block;" class="fancybox imgContainer" href="images/lorenteJerome_barcelona.jpg" data-fancybox-group="gallery" data-filter="arch"><img src="images/lorenteJerome_barcelona.jpg" alt=""></a>
any way , I can upload 1 pic but I need to re-size the Thumbnail image with css or jquery. any one can help .
CSS of the Thumbnail :
.imgContainer {
width: 100px;
height: 100px;
overflow: hidden;
text-align: center;
margin: 10px 20px 10px 0;
float: left;
border: solid 1px #999;
display: block;
}
© Stack Overflow or respective owner