Subpage Slideshows

This theme uses the jQuery Cycle plugin to allow you to integrate awesome slideshows anywhere in your website. Below are just a few examples of how you could configure a slideshow on a subpage. For more information on settings and other options you can use with Cycle, visit the official website.

Example #1

<script type="text/javascript">
jQuery(document).ready(function() {

    jQuery('#slideit1').cycle({
        fx:     'scrollLeft',
        timeout: 5000,
        pager:  '#nav-1',
        pagerAnchorBuilder: paginate,
        speed:  '2000',
        easing: 'easeInOutQuint'
    });
	    
});
</script>

Example #2

<script type="text/javascript">
jQuery(document).ready(function() {

    jQuery('#slideit2').cycle({
        fx:     'scrollUp',
        timeout: 4000,
        pager:  '#nav-2',
        pagerAnchorBuilder: paginate,
        speed:  '1000',
        easing: 'easeInOutQuint'
    });
	    
});
</script>

Example #3

<script type="text/javascript">
jQuery(document).ready(function() {

    jQuery('#slideit3').cycle({
        fx:     'fade',
        timeout: 4000,
        pager:  '#nav-3',
        pagerAnchorBuilder: paginate,
        speed:  '2000',
        easing: 'easeInOutQuint'
    });
	    
});
</script>