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
omnet++
single-sign-on
path-finding
tinymce
iot
programming-languages
cmd
callback
networkx
ssl-client-authentication
wheelnav.js
google-cloud-ml
apache-cayenne
zebra-printers
carthage
netflix
finite-automata
visual-composer
paging
icloud-api
android-widget
p-value
xpages-ssjs
facet
facebook-access-token
wpfdatagrid
bootstrap-material-design
greendao
webkitspeechrecognition
http-status-code-503
http-get
copying
catch-all
caret
qwerty
neuroscience
event-driven
abstract-class
email-templates
sql-server-agent
janrain
fakeiteasy
no-www
vao
businessworks
wso2carbon
revapi
paxos
boost-preprocessor
account-kit
adxstudio-portals
measures
pcf
markojs
ready-api
fadeout
intel-fortran
teamcity-8.0
retina
wordml
0xdbe
service-accounts
mono-embedding
vstest.console.exe
umbraco6
camanjs
jscript.net
asp.net-dynamic-data
aapt
marmalade
undefined-reference
hyprlinkr
algebraic-data-types
mbr
isnullorempty
dsn
jspinclude
qtkit
data-loss
vdsp
rfc1123
suppress
nsviewanimation
ncqrs
compiler-specific
photoshop-cs4
post-build
uiq3
misv

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App