jquery - fancybox 2 iframe loading issue -


i'm having issue fancybox 2 on launched website.

i use links on pages open galleria (galleria.io) galleries , pdf files in fancybox lightbox. photo galleries (galleria), load webpage in fancybox iframe , defining explicit thumbnail images full size pics don't have load immediately. pdf content, load pdf file directly in iframe.

however, more not, first time link clicked iframe not appear (perpetual loading animation). closing fancybox , clicking link again loads content fine. happens both galleria , pdf content.

i developed , tested site in ff seems issue occurs in ie also.

after scouring interwebs answer, closest questions have found following @ stackoverflow:

/questions/4710023/jquery-fancybox-working-but-only-when-you-click-this-image-twice

(tried swapping terms solution posted here, results in 404 inside iframe)

/questions/9779250/fancybox-2-requires-two-click

(not enough info)

/questions/14819642/fancybox-stuck-loading-iframe-in-ie

(refers ie disabling preload sounds promising , i'm give shot)

i'm home-builder, not code-builder, i'm sure i've done wrong along way in buiding site. i'd appreciate offered! thanks!

links examples:

(in dev) gallery page : http://www.sonahomes.com/gallery/

(live) main page : http://www.sonahomes.com [above footer on main page there "featured listings" links pdfs , photo galleries...the listing on far right loads gallery 19 photos]

code:

link open pdf in iframe:

<a href="...pdf file..." class="various">   <p><img src="...icon..." class="icon" />pdf flyer</p> </a> 

link open galleria gallery in iframe:

<a href="...link page galleria..." class="various">   <img src="...small image..." class="thumb1" />   <div>     <p><img src="...icon..." class="icon" />19 photos</p>   </a>   </div> 

(i know additional div in galleria link above not correct don't think it's related issue because same problem happens on gallery page linked above has text links)

initialize on pages using fancybox:

<body> <script type="text/javascript"> $(document).ready(function() {   $(".various").fancybox({     autodimensions : false,     autosize : false,     fittoview : false,     type : 'iframe',     }); }); </script> 


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -