Jquery使Flash 100%适合DIV

Question

我成功地重写了一个脚本，使图像调整大小为其父 Div 容器的 100% 宽度到一个脚本，现在允许 Swf 嵌入对象调整大小（原始图像调整大小脚本由 Oliver Boermans ollicle.com/eg/jquery/imagefit/ ）

我所做的就是在所有行中用“嵌入”替换 img，其中 img 标签的参数应替换宽度和高度值。

在 Firefox 中一切正常，但在 IE 7 中却一点也不走运。

这里是我的项目的链接

在 Firefox 中观看 Flash 视频，其大小调整得很好，而 IE 7 却报错。

这是我的 jquery js 函数：

(function($) {
$.fn.imagefit = function(options) {
    var fit = {
        all : function(imgs){
            imgs.each(function(){
                fit.one(this);
                })
            },
        one : function(img){
            $(img)
                .width('100%').each(function()
                {
                    $(this).height(Math.round(
                        $(this).attr('startheight')*($(this).width()/$(this).attr('startwidth')))
                    );
                })
            }
    };

    this.each(function(){
            var container = this;

            // store list of contained images (excluding those in tables)
            var imgs = $('img', container).not($("table img"));

            // store initial dimensions on each image 
            imgs.each(function(){
                $(this).attr('startwidth', $(this).width())
                    .attr('startheight', $(this).height())
                    .css('max-width', $(this).attr('startwidth')+"px");

                fit.one(this);
            });
            // Re-adjust when window width is changed
            $(window).bind('resize', function(){
                fit.all(imgs);
            });
        });
    return this;
};

})(jQuery);

每个函数负责遍历我从触发函数调用的所有 div：jQuery(document).ready(function(){ jQuery('.widget-content').flashfit(); });

我怎样才能使它也适用于 Internet Explorer 和 Chrome？有什么想法吗？

Answer 1

您是否考虑过使用 swffit 来代替？这对于调整容器内的 Flash 以及整个浏览器大小的 Flash 文件的大小非常有效。

http://swffit.millermedeiros.com/

另外需要考虑的是 Flash 文件的实际结构，应该将其设置为根据舞台大小更新元素的位置，否则事情会变得非常难看。

希望有帮助。