span1 to span2 change not working

[dweeks]

Thank you for creating and sharing jsFlickrGallery - it is very nice!

Here's my problem: when I do this, the size of the thumbnails does not change - not sure what I am doing wrong:

        <script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../js/bootstrap.js"></script>
        <script type="text/javascript" src="../js/js-flickr-gallery.js"></script>
        <script>
            $(function() {
                $('.js-flickr-gallery').jsFlickrGallery({
                    'thumbnailSize' : 'z',
                    'imageSize' : 'b',
                    'structure' : {
                        '.ulClass' : 'thumbnails',
                        '.liClass' : 'span2',
                        '.aClass' : 'thumbnail'
                    },
                    'error' : {
                        'text' : 'No photos here mate',
                        'tagClass' : 'big-error'
                    }
                });
            });
        </script>

Note that I am using

==> bootstrap-responsive.min.css <==
/*!
 * Bootstrap Responsive v2.3.1

==> bootstrap.min.css <==
/*!
 * Bootstrap v2.3.1

along with bootstrap.js Bootstrap v3.2.0.

Thank you.

[petejank]

Gonna look into this issue tomorrow. Damn, I'm a bit late with issues due to lot of commercial work (ffs..), but I'll do my best to keep on this time

[petejank]

Ok, so you're almost there. You just need to adjust the "structure" part of config object to look like this

'structure' : {
    'liClass' : '.span2',
}

In other words - it was all about the dots.

Also please keep in mind that "span2" and other Bootstrap 2.x span classes set maximum width of the element and don't affect their height. That's something you might want to change by adjusting "thumbnailSize" or by applying additional styles (classes) to limit thumbnail height.