blueimp-gallery旋转大图

Question

我使用blueimp-gallery和bootstrap插件，所有肖像照片都在左侧90°旋转。这是blueimp或navigator的错误吗？

这是我的代码：

<!-- Gallery -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false">
    <!-- The container for the modal slides -->
    <div class="slides"></div>
    <!-- Controls for the borderless lightbox -->
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
    <!-- The modal dialog, which will be used to wrap the lightbox content -->
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body next"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left prev">
                        <i class="glyphicon glyphicon-chevron-left"></i>
                        Previous
                    </button>
                    <button type="button" class="btn btn-primary next">
                        Next
                        <i class="glyphicon glyphicon-chevron-right"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="links" class="hidden">
    {% for image in images %}
    <a href="{{ image.image.url }}" title="{{ image.name }}" data-gallery>
        <img src="{{ image.image.url }}" alt="{{ image.name }}">
    </a>
    {% endfor %}
</div>

和javascript：

$("#diapBtn").on('click', function(e){
    links = $('#links a');
    blueimp.Gallery(links, {useBootstrapModal: false});
});

blueimp-gallery文档没有谈论图片的翻转或旋转。