fancybox-2


fancybox popup wrong initial size


I have a fancybox popup with html content but the first time the popup shows the size is wrong. I have this code:
function OntdekTinki() {
$(".ontdek-tinki").fancybox({
fitToView: false,
autoSize: true,
autoScale: true,
content: "<a href='https://tinki.nl/ontdek' class='cw-ontdek-popup'><img src='https://comparewareproduction.blob.core.windows.net/media/0f178176-9720-41c7-9528-99fdf30005e8/template-images/LightboxGIF.gif'/></div>"
});
}
I also tried setting width and height fixed...
You can see it on https://tinki.nl/c/hondenvoer. If you hover over a product image and click the heart icon a small popup with a dog will show. The next time you click it, the popup is large (as it should). I think it is related to the image not yet being downloaded before the popup is painted.

Related Links

fancybox open iframe when clicking different element
Fancy box will not work
Deeper documentation for Fancybox2?
“Clicking” to advance image on a mobile device
Open image in Fancybox 2 in fullscreen not sized [SOLVED]
Fancybox 2 multiple titles
Fancybox 2.1.5 doesn't show close button on mobile
Images will not pop up in FancyBox.
Fancybox2 api open() ignores options?
fancyBox 2 Vimeo embedding not working
Jquery Fancybox-media prev and next buttons need three clicks to work
Fancybox quicktimes loading properly locally but not on server
Skip 404 links with fancybox2
Fancybox data-fancybox-type=“iframe” and Strict XHTML Doctype
Fancybox 2 Title “Inside” on YouTube (iframe)?
fancy box prev and next buttons // how to show in some and not others

Categories

HOME
multithreading
drivers
google-play
google-api-php-client
hp-exstream
jsp-tags
directx
vault
tomcat6
windows-azure-storage
spring-tool-suite
task
undefined
database-replication
connection-string
facebook-instant-articles
cultureinfo
react-css-modules
applozic
spring-mybatis
elasticsearch-net
opentype
saas
gitignore
kendo-datasource
flink-streaming
skia
microsoft-chart-controls
semantic-versioning
pdb
textmate
openoffice.org
accelerate-framework
http-referer
bitbucket-pipelines
lto
libraries
trim
optix
gulp-sourcemaps
reactive-cocoa-5
slick-3.0
businessworks
scorm
avconv
fault
jquery-validate
blogengine.net
font-size
color-profile
asp.net-4.5
google-web-starter-kit
angstrom-linux
browser-link
teamcity-8.0
ruby-2.2
wireshark-dissector
kcachegrind
remobjects
web-controls
geonetwork
python-green
network-interface
comexception
ms-project-server-2010
ruby-datamapper
dataadapter
rabl
seed
bluepill
assembly-loading
stage
audio-capture
microsoft-virtualization
uimenucontroller
xetex
simpletest
project-hosting
caching-application-block

Resources

Database Users
RDBMS discuss
Database Dev&Adm
javascript
java
csharp
php
android
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App