1 Attachment(s)
The Ultimate Xara Slideshow
Well, it might become that.
Here is a simple piece of jQuery code - it only took a fortnight to make it simple.
:pointAttachment 126968
It is a mixture of Presentation and Slideshow.
The key point is you can build up a slide with a variety of standard Xara shapes, give each a special Name of htmlclass="Slide.." and a Reveal Animation.
Add the Placeholder (Yellow box, Red Star) to the Page and you are cooking.
Things to sort out:
- The start-up is a bit of a fudge as I have not hijacked any Xara code so it has to run its course.
- It works in Variants but has a judder until the Xara code has re-established.
- Hyperlinking works but not in the Xara code phase.
- The slide deck is tedious to shuffle around at present.
- The show time is set to 10 seconds.
- I need to set up an array for a Playlist order and duration.
- I used jQuery as any Reveal Animation loads in jQuery by default so recoding in JavaScript is probably unnecessary.
- I have no Pause or Jump code set up yet.
- The Jump might overcome the Xara code hiccough.
- I have no easing transition from slide to slide.
i hope this is useful and offers food for thought.
I would love to see it being used more sanely.
Acorn
1 Attachment(s)
Re: The Ultimate Xara Slideshow
Something a little tamer.
:pointAttachment 126969
The images are clickable.
Acorn
Re: The Ultimate Xara Slideshow
Fantastic Acorn, added to my Goodies folder.
Re: The Ultimate Xara Slideshow
On the second, rabbit, xar file I get an humungous wait whilst Xara states "Converting Document for Export" sticking at 40%. It eventially opens and works fine.
Any one else experiencing this?
Re: The Ultimate Xara Slideshow
Quote:
Originally Posted by
Egg Bramhill
Any one else experiencing this?
Yes, here too, at 50%. I thought this was perhaps due to the fact that I'm using XDP 15 and not 17...
Re: The Ultimate Xara Slideshow
Quote:
Originally Posted by
Egg Bramhill
On the second, rabbit, xar file I get an humungous wait whilst Xara states "Converting Document for Export" sticking at 40%. It eventially opens and works fine.
Any one else experiencing this?
I do, it is becaise I rotated the two sliders (on purpose) as I wanted to see what the build time was going to be.
There are 12 large images and all have a feather and eight have a rotation. The XDA has to create all these, which is why I use CSS translate: rotate() and avoid blurring.
With, mine stalls at 71% for 15 seconds. Without, 93% for 2 seconds.
Acorn
1 Attachment(s)
Re: The Ultimate Xara Slideshow
Great idea Acorn! I am busy building a product launch demo supersite using your code for the second page (which launches from the index page).
With the reveal speed and delay times, there are plenty of creative options here. I am using the vertical cube transition between pages and I think there should be some great effects.
Attachment 126970
Is there a way with a supersite to have an optional script that will auto-loop through the page transitions? I could then create a promo video of the whole animation.
Gary
1 Attachment(s)
Re: The Ultimate Xara Slideshow
Quote:
Originally Posted by
Initiostar
Great idea Acorn! I am busy building a product launch demo supersite using your code for the second page (which launches from the index page).
With the reveal speed and delay times, there are plenty of creative options here. I am using the vertical cube transition between pages and I think there should be some great effects.
Attachment 126970
Is there a way with a supersite to have an optional script that will auto-loop through the page transitions? I could then create a promo video of the whole animation.
Gary
Gary, it ought to be simple enough, never had a look though.
It would be a case of finding the right trigger code to hook into and showing and hiding DIVs.
What sort of timing delay is needed between pages?
Had a quick look and it is going to be far simpler than expected.
It would be a case of naming the pages index, slide-2, then incrementing thereafter.
All the code need do is count to the number of ClassNames for $('[class*="xr_page"]') and then iterate round first to last simply setting window.location.href = baseUrl + count; & resetting count back to 0 to get an infinite loop.
To get an idea create a simple 7 page with /index.htm, /index.htm#xl_xr_page_slide-2, /index.htm#xl_xr_page_slide-3, ... and view in a proper browser so you can simply change the last digit by hand.
:pointAttachment 126972
Do note, no code is in this demo, it is there to show the approach.
Acorn
Re: The Ultimate Xara Slideshow
Thanks for sharing Acorn. They really look great. Didn't try the third one yet, and didn't have the time to have a look into the code.
Re: The Ultimate Xara Slideshow
Here's my attempt. Tried it with one animated svg and it works great.
LINK