{{ ---------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 = 4 %} {{ 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 = "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://i562.photobucket.com/albums/ss70/Scribblegfx/Lookbook1_zpsdb29d8ee.jpg' %}
{% assign: Slide_Image_Url_2 = 'http://i562.photobucket.com/albums/ss70/Scribblegfx/Lookbook3_zps03964bc4.jpg' %}
{% assign: Slide_Image_Url_3 = 'http://i562.photobucket.com/albums/ss70/Scribblegfx/essentials_zpsefc6ee6b.jpg' %}
{% assign: Slide_Image_Url_4 = 'http://i562.photobucket.com/albums/ss70/Scribblegfx/Lookbook4_zps2adee612.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);