Lookbook
{{ ---------BEGIN THEME SETTINGS AND CONTROLS----------- }}
{% assign: Theme_Fiend_Lab_UserName = 'YourUserName' %}
{% assign: Image_Source = 'Self-hosted' %} {{ Options: 'Lab' or 'Self-hosted' }}
{{ ----GALLERY SETTINGS---- }}
{% assign: Slides = 3 %} {{ Options: 1 to 30 (Number of slides in your slideshow) }}
{% assign: Slider_Speed = 5 %}
{{ Note: Enter the number (in seconds) of the speed that you want the slider to progress at. DO NOT include quotation ('') marks }}
{% assign: Slider_Animation_Effect = "fade" %} {{ Options: "fade" or "slide" }}
{{ Note: Choosing 'Lab' as your Image_Source means that your slideshow will use the images you uploaded to your Theme Fiend Lab account }}
{{ Note: Only set Slide_Image_Url if you chose 'Self-hosted' Option }}
{{ Images uploaded to Theme Fiend Lab account will appear automatically if named according to the renaming guidelines (page url slug and slide order) (so you won€™t have to include your image urls below) }}
{{ (ex. lookbook-slide-01.jpg, lookbook-slide-02.jpg; fall-2012-lookbook-slide-01.jpg, fall-2012-lookbook-slide-02.jpg }}
{% assign: Slide_Image_Url_1 = 'http://i59.tinypic.com/97l7a9.jpg' %}
{% assign: Slide_Image_Url_2 = 'http://i62.tinypic.com/a5jgol.jpg' %}
{% assign: Slide_Image_Url_3 = 'http://i59.tinypic.com/2mfdbat.jpg' %}
{% assign: Slide_Image_Url_4 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_5 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_6 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_7 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_8 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_9 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_10 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_11 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_12 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_13 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_14 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_15 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_16 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_17 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_18 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_19 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_20 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_21 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_22 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_23 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_24 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_25 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_26 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_27 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_28 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_29 = 'http://example.com/image.jpg' %}
{% assign: Slide_Image_Url_30 = 'http://example.com/image.jpg' %}
{{ ---------END THEME SETTINGS AND CONTROLS----------- }}
{% assign: Lab = 'http://themefiend.com/lab/images/' %}
{% capture reset %}style="margin:0px; padding:0px; text-align:{{ Slideshow_Alignment }};"{% endcapture %}
{% capture Slideshow_Custom_Size %}style="width:{{ Slideshow_Width }}px !important; height:{{ Slideshow_Height }}px !important;"{% endcapture %}
{% assign No_Img = 'http://themefiend.com/images/no.png' %}
{{ -----BEGIN GALLERY CONFIGURATION---- }}
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: "{{ Slider_Animation_Effect }}",
slideshowSpeed: {{ Slider_Speed }}000,
controlNav: false,
useCSS : false,
animationLoop: true,
slideshow: true,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});
})(jQuery);