javascript - Fancybox doesn't fit image when open -


when trying open image doesn't fit scale. tried use example, presented on official site. doesnt work on local pages, works on jsfiddle , similar sites (with same html/css).

here's example of code , animation of how works on local server (zf3 skeleton app used). there's bootstrap 4 (it works same w/o bootstrap) style image grid on official site:

.image_grid {   padding-left: 15px;   padding-right: 15px;   display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   max-width: 100%;   margin-right: auto;   margin-left: auto;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;   {     padding: 5px;     -webkit-box-flex: 1;     -webkit-flex: 1 0 33.33%;     -ms-flex: 1 0 33.33%;     flex: 1 0 33.33%;     img {       width: 100%;       max-height: auto;     }   } } 

enter image description here

upgrade jquery latest, @ least v3.2.0


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -