摘要： html代码点击按钮其中的{{ obj.img_url }}是我在视图函数传入的图片路径,这个路径作为参数传入到js的showimage函数<a onclick=&...

html代码

点击按钮

其中的{{ obj.img_url }}是我在视图函数传入的图片路径,这个路径作为参数传入到js的showimage函数

<a onclick="showimage('{{ obj.img_url }}')" class="btn btn-default btn-xs active">查看图片</a>

模态框

<!-- 模态框（Modal） -->
<div class="modal fade" id="ShowImage_Form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"     aria-hidden="true">
    <div class="modal-dialog">
            <div class="modal-content">
                        <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">                    &times;                </button>                
                                        <h4  class="modal-title" id="myModalLabel">查看大图</h4>            
                        </div>            
           <div class="modal-body">                
                       <div id="img_show">                </div>            
             </div>        
        </div>    
  </div>
</div>

JS代码

{% block js %}
    <script>
            function showimage(source) {
                        $("#ShowImage_Form #img_show").html("<image src='" + source + "' class='carousel-inner img-responsive img-rounded' style='cursor: pointer;'/>");
                        $("#ShowImage_Form").modal("show");
            }
   </script>
{% endblock %}