7
How is this Done?
The template size and content is the
designer’s choice. Left and Right
arrows are optional for next and
previous pages; the site is exported
using the BookFlip transition with
Scale-to-Fit set at twice the page
width, In this case 640px and
1280px. Nothing new here other
than it needs Pro+ for the Book Flip
transition. The pasteboard colour or
image is the designer’s choice.
The site can be embedded into any other Xara site, by simply giving the
first page a filename other than “index”, publishing it to the main site
directory, and creating an iframe on the main site to call up the
BookFlip (slider).
8
Automatically Flipping the Page
This is achieved by adding a few lines of code to the HTML Code (body).
The code is courtesy and Siran and Acorn and has been generally used
in sliders for some time.
<script>
// disable keyboard navigation in v17
(function(){if(typeof(xr_prinit4)=="function"){var
o=xr_prinit4;xr_prinit4=function()
{o();if(document.onkeydown==xr_prku)document.onkeydown=xr_d_old_onkey
down;};}})();
</script>
<script>
curScrollInterval=null;
function
toggleScroll(){if(curScrollInterval){clearInterval(curScrollInterval);curScrollInter
val=null;}else{curScrollInterval=setInterval((function
_(){xr_spapp((xr_curp+1)%xr_spapn);return _;})(),6000);}}
</script>