add: carousel for home
This commit is contained in:
		
							parent
							
								
									d66637f840
								
							
						
					
					
						commit
						f1a81fd958
					
				
					 2 changed files with 14 additions and 2 deletions
				
			
		|  | @ -20,7 +20,7 @@ | |||
|             <div class="card-columns"> | ||||
|                 {% for media_item in child.media.images[:10] %} | ||||
|                     <div class="card"> | ||||
|                         {{ media_item.html }} | ||||
|                         {{ media_item.quality(25).html }} | ||||
|                     </div> | ||||
|                 {% endfor %} | ||||
|             </div> | ||||
|  |  | |||
|  | @ -17,7 +17,19 @@ | |||
|             </div> | ||||
|         </div> | ||||
|         <div class="col-12 col-md-6"> | ||||
|             <img width="100%" src="{{ url('theme://images/home_slideshow.gif') }}" /> | ||||
|             <div id="home-carousel" class="carousel slide" data-ride="carousel" data-interval="4000"> | ||||
|                 <div class="carousel-inner"> | ||||
|                     {% for media_item in page.media.images %} | ||||
|                         {% set class_active = '' %} | ||||
|                         {% if loop.first %} | ||||
|                             {% set class_active = ' active' %} | ||||
|                         {% endif %} | ||||
|                         <div class="carousel-item{{ class_active }}"> | ||||
|                             <img class="d-block" src="{{ media_item.resize(540, 400).quality(75).url }}"> | ||||
|                         </div> | ||||
|                     {% endfor %} | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|     <hr class="mb-4"> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue