Title1

Title2

Title3

3-1 Lightbox for Bootstrap

一、官網:http://ashleydw.github.io/lightbox/

二、範例:

三、應用

  1. ugm_rg => ugm_rg_index_b3.tpl
     
            <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
            <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.js"></script>
            <script type="text/javascript">
              $(document).ready(function() {
                $(document).on('click', '[data-toggle="lightbox"]', function(event) {
                    event.preventDefault();
                    $(this).ekkoLightbox();
                });
              });
            </script>
    
                    <a href="<{$row.pic}>" data-toggle="lightbox" data-title="<{$row.title}>" data-footer="<{$row.kind_title}>">
                      <img src="<{$row.pic}>" class="img-responsive">
                    </a>

     
  2.