gallery

gallery.html

<div class="content">
                                                <div class="fusion-portfolio wrapper-portfolio-grid cbp-3-col">


                                                    <div id="grid-container" class="cbp-l-grid-gallery col-md-3 col-sm-3 col-xs-3" ng-repeat="photo in total_photos">
                                                        <ul>
                                                            <li class="cbp-item User">
                                                                <a class="example-image-link" href="[[ photo.display_url ]]" data-lightbox="example-1" data-title="[[ photo.caption ]]">
                                                                    <div class="cbp-caption">

                                                                        <div class="cbp-caption-defaultWrap">
                                                                            <img src="[[ photo.display_url ]]" alt="" width="100%">

                                                                        </div>

                                                                        <div class="cbp-caption-activeWrap">

                                                                            <div class="cbp-l-caption-alignCenter">
                                                                                <div class="cbp-l-caption-body">
                                                                                    <div class="cbp-l-caption-text">[[ photo.caption ]]</div>
                                                                                    <p class="cbp-l-caption-desc">by [[ photo.owner.full_name ]]</p>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                  </a>
                                                                  <button class="deletegallery"><img src="/static/img/deleteh.png" ng-click="deleteImage([[photo.pk]])" alt="" width="100%"></button>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div><!--/End Wrapper Portfolio-->
                                            </div>