Lookbook

{{ ----BEGIN GALLERY SETTINGS---- }}

{% assign: Start_Gallery_On_Slide = 6 %}
{% assign: End_Gallery_On_Slide = 10 %}

{{ ----END GALLERY SETTINGS---- }}

{% if theme.image_sets.slideshow_images.size num_gte Start_Gallery_On_Slide %}

{% assign: sgos = Start_Gallery_On_Slide %}
{% assign: egos = End_Gallery_On_Slide %}
{% capture after_slide %}{{ sgos | minus: 1 }}{% endcapture %}
{% capture: slides %}{{ egos | minus: after_slide }}{% endcapture %}

{% capture gallery_slider %}
    {% for image in theme.image_sets.slideshow_images offset: after_slide limit: slides %}
  • {% endfor %}
{% endcapture %} {{ gallery_slider }} {{ gallery_slider | replace: "gallery-slider", "carousel" }}

{% endif %}

jQuery.noConflict();

(function($) {
$(document).ready(function(){
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
useCSS : false,
animationLoop: false,
slideshow: true,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#gallery-slider'
});
$('#gallery-slider').flexslider({
animation: "slide",
slideshowSpeed: 4000,
controlNav: false,
useCSS : false,
animationLoop: true,
slideshow: true,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});
})(jQuery);