WebSite X5Help Center

 
Bernard P.
Bernard P.
User

Resize HTML movie with responsive template  en

Autor: Bernard P.
Visited 1970, Followers 1, Udostępniony 0  

I have inserted an HTML animation (converted from Flash).

The site is set as responsive, the pages all work and resize ok

However the animation does not resize so it shows the top left portion with the remainder missing.

Showing on Notebook to Pc sizes OK

Tablet and mobile phone animation not working, other pages resize are OK.

What am I missing.

Berni

Posted on the
5 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
Paul M.
Paul M.
Moderator

Hello Bernard,

A link to the webpage in question would be most useful.

Kind regards,

Paul

Czytaj więcej
Posted on the from Paul M.
Bernard P.
Bernard P.
User
Autor

Hi Paul

Yes this is what I should have given.

www.si-tech.com.hk.

The animation starts up on opening the site.

Regards

Berni

Czytaj więcej
Posted on the from Bernard P.
Paul M.
Paul M.
Moderator

Thank you, Berni.

The first thing I should point out is that your animation uses custom code, and does not depend on any native feature of WebSite X5.  The software is not at fault in any way.

Your animation is held in a container with fixed width and height dimensions:

<div id="swiffycontainer" style="width: 725px; height: 500px">

This is why the container does not resize to suit the viewport.

If you want to make the animation responsive then you will have to make the container responsive.

You could approach the animation's creator for help with this, or you could search the web for relevant information.

Here is one such link to get you started:

http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design

Best wishes...

Czytaj więcej
Posted on the from Paul M.
Bernard P.
Bernard P.
User
Autor

Thanks for the informationj

The animation is one I did a long time ago and nolonger have a program to edit it, the only option was to convert it to HTML

I will try as your suggestion to make the container responsive

Regards

Czytaj więcej
Posted on the from Bernard P.
Bernard P.
Bernard P.
User
Autor

Sorry forgot

The program was for creating Flash Animation

Czytaj więcej
Posted on the from Bernard P.