WebSite X5Help Center

 
Bernard P.
Bernard P.
User

Resize HTML movie with responsive template  en

Autore: Bernard P.
Visite 1966, Followers 1, Condiviso 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

Postato il
5 RISPOSTE - 1 CORRETTO
Paul M.
Paul M.
Moderator

Hello Bernard,

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

Kind regards,

Paul

Leggi di più
Postato il da Paul M.
Bernard P.
Bernard P.
User
Autore

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

Leggi di più
Postato il da 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...

Leggi di più
Postato il da Paul M.
Bernard P.
Bernard P.
User
Autore

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

Leggi di più
Postato il da Bernard P.
Bernard P.
Bernard P.
User
Autore

Sorry forgot

The program was for creating Flash Animation

Leggi di più
Postato il da Bernard P.