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