Try to get a working beamer preview for more browsers.

This commit is contained in:
René Köcher 2012-04-15 14:27:27 +02:00
parent abf7721f3f
commit 82d4a2de4b
2 changed files with 16 additions and 24 deletions

View File

@ -37,25 +37,32 @@
/* iframe */ /* iframe */
#iframe { #iframe {
-moz-transform: scale(0.25, 0.25) translate(-150%, -150%); -ms-zoom: 0.25;
-webkit-transform: scale(0.25, 0.25) translate(-150%, -150%); -moz-transform-origin: 0 0;
-o-transform: scale(0.25, 0.25) translate(-150%, -150%); -webkit-transform-origin: 0 0;
transform: scale(0.25, 0.25) translate(-150%, -150%); -o-transform-origin: 0 0;
width: 400%; -moz-transform: scale(0.25);
height: 400%; -webkit-transform: scale(0.25);
-o-transform: scale(0.25);
width: 1024px;
height: 768px;
} }
#iframewrapper { #iframewrapper {
width: 256px;/*100%;*/ width: 256px;/*100%;*/
height: 192px;/*230px;*/ height: 192px;/*230px;*/
position: relative;
overflow: hidden;
} }
#iframeoverlay { #iframeoverlay {
width: 256px; width: 256px;
height: 192px; height: 192px;
position: fixed; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
display: none; display: block;
z-index: 1; z-index: 1;
} }
/* countdown */ /* countdown */

View File

@ -26,21 +26,6 @@
$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle(); $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
}); });
$( ".column" ).disableSelection(); $( ".column" ).disableSelection();
var overlay_placement = function(){
var if_top = $("#iframe").offset().top;
var if_left = $("#iframe").offset().left;
// the overlay uses absolute positioning,
// place it over the iframe
$("#iframeoverlay").css({'display' : 'block',
'top' : if_top,
'left' : if_left
});
};
$("document").ready(overlay_placement);
$(window).resize(overlay_placement);
}); });
</script> </script>
@ -100,7 +85,7 @@
<div class="portlet-content"> <div class="portlet-content">
<a href="{% url projector_show %}" target="_blank" title="{% trans 'Open Projector view' %}" > <a href="{% url projector_show %}" target="_blank" title="{% trans 'Open Projector view' %}" >
<div id="iframewrapper"> <div id="iframewrapper">
<iframe id="iframe" src="{% url projector_show %}"></iframe> <iframe id="iframe" src="{% url projector_show %}" frameborder="0"></iframe>
<div id="iframeoverlay"></div> <div id="iframeoverlay"></div>
</div> </div>
</a> </a>