WebSite X5Help Center

 
Bernard P.
Bernard P.
User

Resize HTML movie with responsive template  en

Автор: Bernard P.
Просмотрено 1833, Подписчики 1, Размещенный 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

Размещено
5 Ответы - 1 Корректно
Paul M.
Paul M.
Moderator

Hello Bernard,

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

Kind regards,

Paul

Читать больше
Размещено От Paul M.
Bernard P.
Bernard P.
User
Автор

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

Читать больше
Размещено От 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...

Читать больше
Размещено От Paul M.
Bernard P.
Bernard P.
User
Автор

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

Читать больше
Размещено От Bernard P.
Bernard P.
Bernard P.
User
Автор

Sorry forgot

The program was for creating Flash Animation

Читать больше
Размещено От Bernard P.