Page 3 of 3

Re: Fancybox Z-index Issue ???

Posted: Sun Dec 07, 2014 4:52 pm
by Chu
ah! this revealed it never had a click-to-close action on itself...
another version coming up...
[EDIT] AH again - a click isnt even registered
[DOUBLE EDIT] It scales to zero with the parent element on click, doh. brains going fuzzy again.

its gotta be the JS, maybe this section in the call in the html template?

Code: Select all

function myfancybox(a, c, x) {
...
$.fancybox({
...
I have seen that it can specify the html by writing:

Code: Select all

$('a[class="classname"]').fancybox({
...
or

Code: Select all

$('a').fancybox({
...

Re: Fancybox Z-index Issue ???

Posted: Sun Dec 07, 2014 5:15 pm
by Chu
Besides, all works perfectly fine in HTML5 on desktop Chrome and all except iOS

Re: Fancybox Z-index Issue ???

Posted: Wed Dec 17, 2014 3:22 pm
by Chu
I'm not changing the pano2vr_player.js file as referenced in Issue #0001110. I submitted a support request - reverse engineering the code for public release goes against the license agreement if resold, its just not a good idea to be altering the code that's shipped any road up. Plus, Martin tells me P2VRv5 will use responsive scaling for media... <looks for nearest party popper>

I'm choosing to call the fancybox javascript in its simplest form in the template and use only the action URL of the element to dire it, a lot of tinkering with the template and CSS styling...

html call in template

Code: Select all

<script type="text/javascript">
        $(document).ready(function() {
				$().fancybox({
				});
			})
</script>
The working URL parameter for image popups:

Code: Select all

javascript:parent.$.fancybox.open({href:'IMAGEURLHERE',title:'CUSTOMTEXT',fixed: false,fitToView  : true,beforeShow : function () {$( ".ggskin" ).hide();},beforeClose : function () {$( ".ggskin" ).show();},helpers : {title : {type: 'inside'}}});
and the code for html:

Code: Select all

javascript:parent.$.fancybox.open({href:'FULLURLHERE',fixed:false,type:'iframe',fitToView:true,beforeShow:function(){$('.ggskin').hide();},beforeClose:function(){$('.ggskin').show();},fitToView:true,width:'90%',height:'85%',margin:[0,0,0,0],})
Only thing I cannot seem to work are the annoying scrollbars of the html overlay, but only on Chrome Android. Something to do with iframes scrolling? Tried to fix via CSS with no success. Yet

Thanks for trying to help

Re: Fancybox Z-index Issue ???

Posted: Wed Dec 17, 2014 3:34 pm
by DDewey
Awesome. I'm glad you got it sorted out. It sounds like we'll all be happy to see the new release of Pano2VR.