Fancybox Z-index Issue ???

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

Re: Fancybox Z-index Issue ???

Post by Chu » Sun Dec 07, 2014 4:52 pm

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.0 pro 64bit
build 17841/5.12.2

fancybox v3.2.5
Windows 10 v1709
Human Brain v1.0

Image

Artwork
  • Aerosol
  • Design
  • Screen
Specialist
  • 360°
  • Stereoscopy
  • Illusions
Concept
  • Consultancy
  • Campaigns
  • Data
  • Education
est.1971

User avatar
Chu
Posts: 89
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

Re: Fancybox Z-index Issue ???

Post by Chu » Sun Dec 07, 2014 5:15 pm

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

fancybox v3.2.5
Windows 10 v1709
Human Brain v1.0

Image

Artwork
  • Aerosol
  • Design
  • Screen
Specialist
  • 360°
  • Stereoscopy
  • Illusions
Concept
  • Consultancy
  • Campaigns
  • Data
  • Education
est.1971

User avatar
Chu
Posts: 89
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

Re: Fancybox Z-index Issue ???

Post by Chu » Wed Dec 17, 2014 3:22 pm

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.0 pro 64bit
build 17841/5.12.2

fancybox v3.2.5
Windows 10 v1709
Human Brain v1.0

Image

Artwork
  • Aerosol
  • Design
  • Screen
Specialist
  • 360°
  • Stereoscopy
  • Illusions
Concept
  • Consultancy
  • Campaigns
  • Data
  • Education
est.1971

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

Re: Fancybox Z-index Issue ???

Post by DDewey » Wed Dec 17, 2014 3:34 pm

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

Who is online

Users browsing this forum: No registered users and 2 guests