Xara Slideshow Widget - Won't allow Full width Stretch!
Dear All, any ideas how I get round this. I wish to create a slideshow that fits to screen (stretched)
Here is an example of what I would like to do: https://www.stwater.co.uk/
BTW, Xara, a little disappointed and underwhelmed with your latest update. What about tables? Video backgrounds? Widgets that work? Decent Xara forms?
Thanks, Teeser.
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Teeser, Siran & Acorn have provided great solutions within this thread
http://www.talkgraphics.com/showthre...width-Slidshow
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Hi Egg, thanks for that.
The widgets used in the earlier thread were:
Nivo Slide Widget
and the Fade Slideshow.
Neither are as customisable as the newer XARA Slideshow Widget.
I'd really like to be able to make a slideshow produced with this widget full width. The later widget has rather horrible numbers and a small grey rectangles that are almost impossible to get rid of.
Any ideas? Many thanks.
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Perhaps Siran or Acorn can comment on this as they are the bee's - knee's re this matter :)
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Never used the Xara Slideshow Widget, it would take a while to check.
Did you try Acorn's customizations of the Nivo slider provided in this thread?
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
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.
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Works fine for me Siran. Thanks for the input.
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Thanks Siran, works great.
Ciao
Roly
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Siran
Wow, thanks sooo much for that!
Re: Xara Slideshow Widget - Won't allow Full width Stretch!
Hi Siran,
I was searching the website and found your answer but I'm not sure of a couple of things.
When you say "create slideshow" should I be using a XARA widget or can I simply use "wowslider" as a slide show maker?
You mention to add the name "htmlclass=xw_stretch" to the placeholder. I'm not sure where you mean about that. Do you mean in the "body" section or is there another place?
I'm using Xara Web Designer Premium 12.
Thanks