Hi Folks, I've managed to rewrite a script wich makes Images resize to 100% width of their parent Div Container To a Script that now lets Swf embed objects resize (Original Image resize Script by Oliver Boermans ollicle.c o m/eg/jquery/imagefit/ )
All i did is replaced the img with an "embed" in all lines where the parameters of the img tag should replace the width and height values.
In Firefox everything is working but in IE 7 no Luck at all.
watch the flash video resizing nicely in firefox, while IE 7 is shouting out an error.
Here is my jquery js function:
(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);
The each functions are responsible for going thru all divs i called from the trigger function:jQuery(document).ready(function(){ jQuery('.widget-content').flashfit(); });
How can i make it work for Internet Explorer and Chrome as well ?? any ideas ?