Question

我设法重写了一个脚本，它使图像调整到其父Div容器的100％宽度到一个脚本，现在让Swf嵌入对象调整大小（原始图像调整大小脚本 Oliver Boermans ollicle.c o m / eg / jquery / imagefit /）

我所做的只是将img替换为所有行中的“embed”，其中img标签的参数应该替换宽度和高度值。

在Firefox中，一切正常，但在IE 7中根本没有运气。

Here a link to my Project

观看flash视频在Firefox中调整很好，而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的（ '小窗口内容'）快速装配（）; }）;

如何让它适用于Internet Explorer和Chrome？任何想法？

Answer 1

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

http://swffit.millermedeiros.com/

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

希望有所帮助。

Jquery使Flash 100％适合DIV

1 个答案: