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">
 | 
					            <div class="card-columns">
 | 
				
			||||||
                {% for media_item in child.media.images[:10] %}
 | 
					                {% for media_item in child.media.images[:10] %}
 | 
				
			||||||
                    <div class="card">
 | 
					                    <div class="card">
 | 
				
			||||||
                        {{ media_item.html }}
 | 
					                        {{ media_item.quality(25).html }}
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                {% endfor %}
 | 
					                {% endfor %}
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -17,7 +17,19 @@
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <div class="col-12 col-md-6">
 | 
					        <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>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    <hr class="mb-4">
 | 
					    <hr class="mb-4">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue