Responsive images in tables (bootstrap 3)

Question

I\'m using the Bootstrap 3 Framework and have some troubles with the \"img-responsive\" class in Firefox. I have a 4 column-Table with 15/50/10/25% layout. In the first colu

Answer 1

Try this code

$(window).load(function() {
    $('img.img-responsive').each(function(){
        // Remember image size
        var imgWidth = $(this).width();
        // hide image 
        $(this).hide();
        // if container width < image width, we add width:100% for image 
        if ( $(this).parent().width() < imgWidth ) { $(this).css('width', '100%'); }
        // show image
        $(this).show();
    });
});