1 Attachment(s)
Update to the Ultimate Xara Slideshow
This is a simplification and clarification to the https://www.talkgraphics.com/showthr...Xara-Slideshow.
It will work for XPro+ and XDPXv18.5. You may have some issues with Xara Bugs that affected earlier versions.
The Website (or Placeholder) Code (head) is three lines of JavaScript to cycle through the pages of a Supersite/Transitions website:
<script>
function showTime() { xr_spapp( (xr_curp + 1)%xr_spapn ); } // Thanks to siran
var pageWait = 4157; // uses milliSeconds
var presentation = setInterval(function() { showTime() }, pageWait);
</script>
You can place the entire website into an IFRAME (Embed a website Widget) to realise a full slider capability.
It is up to you what you present.
Each page can have its own Transition applied and its time to present set separately.
At its simplest, you could just have an image or text for each Slide. Or both.
You can add links and other effects to make the whole thing interactive.
I have included some extra code to allow a Pause button to be pressed.
The Slide controls are basic as the timer is relentless, so you need not uses them.
Attachment 130831
Acorn
Re: Update to the Ultimate Xara Slideshow
I played with the first batch of the Supersite sliders and a very simple one is, hopefully, amusing a few people in the Gold Coast as we speak.
I rarely understand how these things work, but can usually spot the what's and why's, if not the how's of it all. However, I cannot see where the transitions are on this one. Where's the bit that tells the individual page to rotate, flip, slide?
Re: Update to the Ultimate Xara Slideshow
Quote:
Originally Posted by
Chris M
I played with the first batch of the Supersite sliders and a very simple one is, hopefully, amusing a few people in the Gold Coast as we speak.
I rarely understand how these things work, but can usually spot the what's and why's, if not the how's of it all. However, I cannot see where the transitions are on this one. Where's the bit that tells the individual page to rotate, flip, slide?
Chris, hiding in plain sight : Web Properties > Page > Page transition.
Quote:
Each page can have its own Transition applied and its time to present set separately.
Acorn
Re: Update to the Ultimate Xara Slideshow
See, I was trying to overcomplicate it by looking for code. Move that pesky simple thing out of my way and pass me my periodic table and scientific calcumebob.
Re: Update to the Ultimate Xara Slideshow
Re: Update to the Ultimate Xara Slideshow
That's a gem, Acorn! I had an issue with all pages suddenly shifting upon completing a transition when the browser window was smaller than the site. This was remedied by selecting Web Properties/Export/Scale to fit width maximum and setting the value to 1440 (the page size you set).
Re: Update to the Ultimate Xara Slideshow
Quote:
Originally Posted by
Boy
That's a gem, Acorn! I had an issue with all pages suddenly shifting upon completing a transition when the browser window was smaller than the site. This was remedied by selecting Web Properties/Export/Scale to fit width maximum and setting the value to 1440 (the page size you set).
Boy, thank you for pointing the jumping and the solution.
I was lazy and only make the slides from my normal design template.
Even using Scale to fit width is a risk if you set the browser to just show a slide with no edging, you can get a massive judder.
My fix for that is to set the Pasteboard to the page background, but, of course, for a Supersite Xara only displays the first page background across all slides.
If you are using this method as a continuous presentation in Full Screen mode, scle to Fit width need to ensure the height is just under the monitor height or the slides get cropped.
The slides should have been smaller as they should normally be presented through a Embed a website Widget on your normal website page.
Acorn
Re: Update to the Ultimate Xara Slideshow
Quote:
Originally Posted by
Acorn
Even using Scale to fit width is a risk if you set the browser to just show a slide with no edging, you can get a massive judder.
Didn't see that happening, in none of the major browsers and/or when narrowing the browser window to a typical mobile viewport.
Quote:
If you are using this method as a continuous presentation in Full Screen mode, scle to Fit width need to ensure the height is just under the monitor height or the slides get cropped.
The slides should have been smaller as they should normally be presented through a Embed a website Widget on your normal website page.
Yes, I saw that but the slides are indeed massive.
1 Attachment(s)
Re: Update to the Ultimate Xara Slideshow
Thanks for the updated code Acorn - tried it on one of my demo sliders with page-by-page navigation, a mobile variant and Scale-to-fit width: https://initiostar.co.uk/demo/ultSli..._simple-slider - All good.
Attachment 130850
I have always added the additional code to disable the keyboard arrows keys; a visitor might stumble across them otherwise and of course they don't work in a mobile format. It's a hangover from the original Xara supersite bug.
<script>
//Acorn v3 Ultimate Slider - paste to website HTML (body)
function showTime() { xr_spapp( (xr_curp + 1)%xr_spapn ); } // Thanks to siran
var pageWait = 5000; // milliSeconds
var presentation = setInterval(function() { showTime() }, pageWait);
var isPaused = false;
function togglePause() {
if (isPaused) { presentation = setInterval(function() { showTime() }, pageWait); }
else { clearInterval(presentation); }
isPaused = !isPaused;
}
// disable keyboard arrow navigation
(function(){if(typeof(xr_prinit4)=="function"){var o=xr_prinit4;xr_prinit4=function()
{o();if(document.onkeydown==xr_prku)document.onkey down=xr_d_old_onkeydown;};}})();
</script>
Gary
Re: Update to the Ultimate Xara Slideshow
@Imitostar, grateful for your endorsement and the additional code.
The mucked-up pop-up does not show in the latest versions.
Acorn