Printable View
New problem... I am working on a tourist guide and when the page for the particular tourist location opens a slideshow autostarts showing various views of the place. Question is how do I make it repeat itself continuously? Just now it autostarts but the viewer has to click to view again. Is this possible ?
E
Ancillary question.... is is possible to avoid or remove the large black borders which Xara surrounds the slideshows with ?
Sorry to hassle you! Think I solved that one, problem due to having different sized, landscape or portrait pics in the same show. New question is, is there anyway to convert the black surround into transparent?
Closing down for the evening, sorry for all the trouble.
E
E, are you using a Xara supplied slideshow or a video?Quote:
... a slideshow autostarts showing various views of the place.
Here's something for discussion: Attachment 133952.
Acorn
I like that a lot. Here's my version. Still have to work out some of the code effects :confused:
DEMO
Thanks Egg, works really well on a mobile where a mouse over is a tap that remains until you tap off.Quote:
Originally Posted by Egg Bramhill
Acorn
Here is a more useful version: Attachment 133958 (Newer version).
It now handles batches of five images - you keep them in batches by Grouping. I do this and Ungroup and then Soft-Group.
Each top image is now Named as htmlclass="cover".
The CSS for the expose and close is a little more refined.
All images need to be set as PNGs as if you rotate any, Xara collects the background under the bounding area as well.
The slideshow images all have a Name of htmlclass="fadeIn".
All Named objects need not be images. Avoid multiline text or include Name htmlblocktext.
The CSS code:
- 'cover' is there to fade the top image out totally to reveal the carnage underneath.
- Moving off the image fades it back in at half the fade in speed.
- Transition times are the ones ending with an s.
- The fadeIn opacity can have any value between 0 (totally transparent) and 1 (solidly opaque).
- 'animation' cycles forever for the five images taking 20 seconds; each image is in play for 4 seconds.
- 'keyframes' controls how the selected image behaves.
- The duration (20s) of actions is split into eighths: the first eighth the opacity changes linearly from zero to one; the next quarter, the opacity stay at one; it fades out totally over an eighth; the remaining half, it is invisible.
- Each image is delayed by an increment of 4 seconds, with the 'child' settings. This ensures an overlap of activity.
- You can timeline your eighths as you see fit.
- The first thing 'fadeIn' does is hides every image.
Acorn
Wow! Knockout animations that leave me totally gobsmacked!
Brilliant but unfortunately too sophisticated and not entirely relevant to my current needs. Xara advertises itself as a No Code solution...
I am intending to use MP4 slideshows made on the Icecream app. I would like the slideshows to repeat until the viewer does something or leaves the page. Surely this is not too much to ask?
I have scanned the Designs gallery and there are a few slideshow widgets but they are all for sale with no indication of the price!
Hoping that you can help :-)
E
E, everything's code!Quote:
Originally Posted by Epyminia
When you embed a video, Xara codes it in place for you.
It is actually overkill as HTML5 is cleaner and easier to control. Luckily, easy to modify from Xara to HTML5.
So you need to understand the code for HTML5 <video> tag and the parameters you need to loop automatically, start automatically and get it to work by including mute as not browser will now fire off a sound track to melt your viewers' ears.
For a looping MP4, the Placeholder body for my jellyfish video is:
I would look out @Initiostar's excellent demonstrations on video manipulation.Code:<video src="index_htm_files/Jellyfish_1.mp4" autoplay loop muted width = "100%" height="100%"/>
Perhaps a bit more info in your Qs will get people looking in the right area.
You did state "slideshow".
Acorn
Thus my question ;)Quote:
Perhaps a bit more info in your Qs will get people looking in the right area.
You did state "slideshow".
Quote:
E, are you using a Xara supplied slideshow or a video?
Thanks a million Acorn, everything appears to be working fine:)
Yes I did say Slideshow and the program which produced the 'Slideshow' is called Slideshow maker! maybe I should have specified MP4 Slideshow...
One more niggling point... how is the page named if it is not the index page? I have tried index-2 and also the name which I gave the page, Roch.htm. Neither of which want to work !?
Epyminia, I can see the appeal but other than a synchronised soundtrack, you can build a zippy slideshow (Presentation) in Xara and embed thatwithout turning itno an MP4.Quote:
Originally Posted by Epyminia
You can include rollover effects and links, impossible in an MP4.
I am intrigued as to how big your MP4 will beas any heavy payload would be a user killer, especially on a phone as they have to wait for the entire MP4 to download before the site is fully rendered.
Offer it up as a Xara challenge.
Acorn
Hi Acorn,
I am sure that you are probably correct, integrated presentations would be better but I found no clues as to how to do this! I scoured YouTube and Help pages only to draw a blank! Any ideas to point me in the right direction welcome!
Have a good evening.
E
E,Quote:
Originally Posted by Epyminia
There are lots of ways of building sliders using Xara; yes some do require some additional code to create the desired effect but the effort can be very worthwhile. A while back we put together some ideas and from those I created a few demos: https://initiostar.co.uk/demo/zNivo/
I have too, have used a number of third party sliders, WOW being one and more recently I played with the Icecream Video Editor. They all have their limitations and in some cases the resultant video is a significant size that slows the page load.
If you can describe the effects you are trying to achieve, I expect we can help you to do it.
Hi there Init,
I am not looking for anything terribly sophisticated, just a slideshow which autostarts and repeats itself. I am currently using Icecream Slideshow to create the MP4 slideshow and thanks to the help of Egg and Acorn it now seems to be working well. However doubts have been raised about the download times of the relatively large MP4s slowing down the presentation. The completed website will have around 20 pages with a similar number of slideshows. If you can point me in the direction of Xara produced smaller slideshows it would be very welcome.
Thanks in advance.
E
E, that would be a time waste if when you get a steer you then sat "But...".Quote:
Originally Posted by Epyminia
Offer up an MP4 (and its used images/text) and invite others to replicate.
Acorn
[QUOTE=Acorn;656276]E, that would be a time waste if when you get a steer you then sat "But...".
Offer up an MP4 (and its used images/text) and invite others to replicate.
Not sure I follow you there Acorn, maybe its too early in the day...
E
E, you have produced some MP4s with Icecream Slideshow. You used images, texts, effects and transitions to build it.Quote:
Originally Posted by EpyminiaNot sure I follow you there Acorn, maybe its too early in the day...Quote:
Originally Posted by Acorn
E
You then exported as an MP4.
Offer up an MP4 and these original elements so people can see what you used and what the result is that you are after.
My "sat" was a typo for 'say'.
Acorn
This may help in the direction of travel:
https://initiostar.co.uk/demo/Icecream-Video/
I tested the free version of the Icecream Video Editor out of curiously, added for 4 slides and a slide-in "motion". Then added a custom Xara slider with the same photos; a slightly different transition/motion. You can see the effect/delay in the page load with the video taking its time to load.
The Xara slider needs (in this example) just ONE line of code.
@E you are welcome to play around with the example; you will see it is exported with a slide-in transition, but other than that it is standard Xara functionality.
Attachment 133966
Cheers Gary, I think the 0.5MB for the slider images slightly beats the 120MB video. Even one of Xara's own sliders would knock spots off.Quote:
Originally Posted by Initiostar
Acorn
Thanks Gary,
You have convinced me that it would be better to use Xara generated displays as opposed to 20 odd MP4's.
Now I just have to get my head around just how to go about doing that, but as you say, you have pointed me in the right direction :-)
Thanks
E
I have added a short note on how to embed the custom Xara slider into any main website and provided a download of the example I posted here: https://initiostar.co.uk/demo/Icecream-Video/Quote:
Originally Posted by Epyminia
Hopefully, this allows you to have a go and test the approach; there are quite a few different additional controls one can add, but this should get you started.