1 <div class="slideshow"> |
1 <div class="slideshow container-fluid"> |
2 <div class="slide-title"> |
2 <div class="row slideshow-title"> |
3 <h1>Diaporama - {{book.title}}</h1> |
3 <h1 class="book"> |
|
4 {{book.title}} |
|
5 <small>par Jonathan Linvingston</small> |
|
6 </h1> |
|
7 <h1 class="pull-right poi"><small>{{book.count}} points d'intérêts</small></h1> |
4 </div> |
8 </div> |
5 <div class="carousel-holder row"> |
9 <div class="carousel-holder row"> |
6 <carousel> |
10 <carousel> |
7 <slide ng-repeat="slide in slideshow" active="slide.active"> |
11 <slide ng-repeat="slide in slides" active="slide.active"> |
8 <div class="container slide-content"> |
12 <div class="container-fluid slideshow-content"> |
9 <div class="col-md-7 media"> |
13 <div class="col-sm-8 media"> |
10 <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;"> |
14 <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;"> |
11 <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio> |
15 <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio> |
12 <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video> |
16 <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video> |
13 </div> |
17 </div> |
14 <div class="col-md-5 caption"> |
18 <div class="col-sm-4 caption"> |
15 <div class="user-details"> |
19 <div class="user-details"> |
16 <h4>{{slide.title}}</h4> |
20 <h1>{{slide.title}}</h1> |
17 <p>{{slide.description}}</p> |
21 <p>{{slide.description}}</p> |
18 <p>{{slide.comment}}</p> |
|
19 <p> |
22 <p> |
20 <em>{{slide.tags.join(', ')}}</em> |
23 <em>{{slide.tags.join(', ')}}</em> |
21 </p> |
24 </p> |
22 </div> |
25 </div> |
23 <hr /> |
|
24 <div class="details"> |
26 <div class="details"> |
25 <p> |
27 <p> |
26 <strong>Titre : </strong><small>{{slide.details.title}}</small> |
28 <strong>Titre : </strong><small>{{slide.details.title}}</small> |
27 </p> |
29 </p> |
28 <p> |
30 <p> |
29 <strong>Description : </strong><small>{{slide.details.captionImg}}</small> |
31 <strong>Description : </strong><small>{{slide.details.description}}</small> |
30 </p> |
32 </p> |
31 </div> |
33 </div> |
32 </div> |
34 </div> |
33 </div> |
35 </div> |
34 </slide> |
36 </slide> |
35 </carousel> |
37 </carousel> |
36 <ul class="list-unstyled list-inline row insight" > |
38 <div class="insight" > |
37 <li class="col-md-2 item" ng-repeat="slide in slideshow"> |
39 <div class="item" ng-repeat="slide in slides" data-ng-click="slide.active = true"> |
38 <div class="img-ctn" ng-click="showSlide($index)"> |
40 <img ng-src="{{ slide.details.images[0] }}" my-customer /> |
39 <img class="img img-responsive image" ng-src="{{ slide.details.images[0] }}" /> |
41 </div> |
40 <p>{{ slide.details.title }}</p> |
42 </div> |
41 </div> |
|
42 </li> |
|
43 </ul> |
|
44 </div> |
43 </div> |
45 </div> |
44 </div> |