Incorrect width using Bootstrap 3 #15

[velizarov]

Need to double check. Maybe we can come up with something else to fix it

[grimmaceil]

The following completes the data-w and data-h without providing it from the back-end server. I have a case where folders are used as a storage for images and thumbnails but no other data about them is stored in a database or elsewhere. It would be way too server intensive to check the images every time. It would also take a while to also database the file information. It's easiest to off load to the client after the images are loaded. Then call $('#selectGallery').flexImages({ rowHeight: 140 }); This could probably be incorporated in to flex-images. (Thank you and nice work on flex-images!)

        // http://stackoverflow.com/questions/318630/get-the-real-width-and-height-of-an-image-with-javascript-in-safari-chrome
        // http://stackoverflow.com/questions/2358205/invoking-a-jquery-function-after-each-has-completed
        var itemCalbackCountDown = $('.item').length -1;
        $('.item').each(function () {
            var itm = $(this);
            $("<img/>") // Make in memory copy of image to avoid css issues
                .attr("src", itm.find("img").attr("src"))
                .load(function () {
                    itm.attr("data-w", this.width);
                    itm.attr("data-h", this.height);
                    // Note: $(this).width() will not work for in memory images.
                    // make the rows pretty This si
                    // needs to be done on the end of the last callback of this iteration 
                    if (!--itemCalbackCountDown) {
                        $('#selectGallery').flexImages({ rowHeight: 120 });
                    }
                }
                );
        });