Fancybox Z-index Issue ???

Q&A about the latest versions
User avatar
Chu
Posts: 97
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

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({
...
Using:
Pano2VR PRO 6.1.15 pro 64bit
build 18116/5.12.2

Windows 10 x64
Human Brain v1.3

Image

est.1971
User avatar
Chu
Posts: 97
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

Besides, all works perfectly fine in HTML5 on desktop Chrome and all except iOS
Using:
Pano2VR PRO 6.1.15 pro 64bit
build 18116/5.12.2

Windows 10 x64
Human Brain v1.3

Image

est.1971
User avatar
Chu
Posts: 97
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

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
Using:
Pano2VR PRO 6.1.15 pro 64bit
build 18116/5.12.2

Windows 10 x64
Human Brain v1.3

Image

est.1971
User avatar
DDewey
Posts: 14
Joined: Mon Aug 18, 2014 10:19 pm
Location: Norman, OK
Contact:

Awesome. I'm glad you got it sorted out. It sounds like we'll all be happy to see the new release of Pano2VR.
Post Reply