1

我正在为客户设计一个网站，他们希望在每个页面的顶部都有一些动画（非交互式）。该网站应该可以使用任何浏览器和设备访问。你能帮我找到解决办法吗？

  1. 场景一：在 Flash 中设计动画。好处：很轻。问题：不会在 iPad/iPone 中显示。

  2. 场景 2：将动画转换为 HTML（我使用 Toolkit for createJS 从 Flash 中，将动画转换为 HTML 文档和 .JS）。然后，我将动画包含在幻灯片的 iFrame 中（我使用 LayerSlider）。问题：Firefox 在 iF​​rames 上有很大的问题，只是它没有显示它（虽然如果我点击“重新加载这个框架，它会显示，但我们当然不希望访问者这样做，不是吗？） . 同样在 Android 中它是不可见的。

  3. 场景 3：将动画转换为 GIF 动画。问题：不会在Android中显示，而且它是一个沉重的文件。

您能否向我推荐在任何浏览器中显示动画的最佳解决方案？Flash、iFrame 中的 HTML 和动画GIF 似乎无法正常工作：还有其他建议吗？HTML 和 iFrame 在我看来是最好的，如果只有 Firefox 会接受的话。但也许还有其他一些我没有想到的格式？

非常感谢您的帮助，也许我正在尝试重新发明轮子，您的经验真的可以帮助我！

PS：理想情况下，我想将它包含在 WP 网站的幻灯片（LayerSlider）中。

4

2 回答 2

0

您可以尝试检测用户代理和操作系统等，然后以编程方式确定要显示的图像类型。

对于 PHP，请参见http://www.php.net/manual/en/function.get-browser.php

于 2013-06-24T11:12:06.547 回答
0

我正在设计的是最初在 Flash 中构建的复杂动画。作为一种解决方案，我将它们转换为 HTML5 并将它们保存为单独的网页，然后在滑块中我使用 iFrames 来调用它们。然后我使用 Flash 转换工具将此代码段添加到 JS 文件中以实现响应：

$(document).ready( function(){
var c = $(‘#respondcanvas’);
var ct = c.get(0).getContext(’2d’);
var container = $(c).parent();

$(window).resize( respondcanvas );

function respondcanvas(){
c.attr(‘width’, $(container).width() );
c.attr(‘height’, $(container).height() );}

respondcanvas();`

这样，动画也完全响应并与所有浏览器兼容。

希望这个解决方案可以帮助其他人。

于 2013-07-11T21:15:58.753 回答