Gallery

{{ ---------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 = 6 %} {{ Options: 1 to 30 (Number of slides in your slideshow) }}

{% assign: Slider_Speed = 4 %}
{{ 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 = "slide" %} {{ 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://imgur.com/SFDsiup.jpg' %}
{% assign: Slide_Image_Url_2 = 'http://imgur.com/nWNwpes.jpg' %}
{% assign: Slide_Image_Url_3 = 'http://imgur.com/bPpjZq3.jpg' %}
{% assign: Slide_Image_Url_4 = 'http://imgur.com/tGBfnBO.png' %}
{% assign: Slide_Image_Url_5 = 'http://imgur.com/DLswtCf.jpg' %}
{% assign: Slide_Image_Url_6 = 'http://imgur.com/DLswtCf.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);