First try worked with the Xara Slideshow.
Do the following:
- Create your slideshow.
- Add the name "htmlclass=xw_stretch" to the placeholder (without the doublequotes)
- Add the following code to your page or website HTML Code (head)
Code:
<style>
.xw_stretch_stick {position: fixed !important;}
.xw_stretch, .xw_stretch_stick {left:0 !important; -ms-transform-origin:0 0; transform-origin:0 0;}
</style>
<script>
function xw_stretch(){
var d=parseInt(window.getComputedStyle(xr_xr).width);
var w=parseInt(window.getComputedStyle(document.body).width);
for (var m=0;m<=1;m++){
[].forEach.call(document.getElementsByClassName("xw_stretch"+((m)?"":"_stick")),function(e){
var s=e.style;
if (m) s.marginLeft=((d>w?0:d-w)/2)+"px";
s.msTransform=s.transform="scale("+((d>w?d:w)/parseInt(s.width))+")";
});
}
}
window.addEventListener("resize", xw_stretch);
window.addEventListener("load", function(){xw_stretch();setTimeout(xw_stretch,100);});
</script>
Please report if there are issues.
Bookmarks