. . . : dunlap designs : . . .

// BeginOAWidget_Instance_2827522: $(window).load(function() { $('#slider').flexslider({ namespace: "flex-", selector: ".slides > li", animation: "slide", easing: "swing", direction: "horizontal", reverse: false, animationLoop: false, smoothHeight: true, slideshow: true, slideshowSpeed: 5000, animationSpeed: 600, initDelay: 0, randomize: false, useCSS: true, touch: true, video: false, directionNav: true, controlNav: true, keyboard: true, mousewheel: false, prevText: "Previous", nextText: "Next", pausePlay: false, pauseText: "Pause", playText: "Play", startAt: 0, pauseOnAction: true, pauseOnHover: true, start: function(){}, controlsContainer: "", manualControls: "", // Carousel Options itemWidth: 0, itemMargin: 10, minItems: 0, maxItems: 0, move: 0, before: function(){}, after: function(){}, end: function(){} }); }); // EndOAWidget_Instance_2827522 ">                                                                                                                                                                                                                                                        #OAWidget //{NEW} String: Prefix string attached to the class of every element generated by the plugin //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! //String: Select the sliding direction, 'horizontal' or 'vertical' //{NEW} Boolean: Reverse the animation direction //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode //Boolean: Animate slider automatically //Integer: Set the speed of the slideshow cycling, in milliseconds //Integer: Set the speed of animations, in milliseconds //{NEW} Integer: Set an initialization delay, in milliseconds //Boolean: Randomize slide order //{NEW} Boolean: Slider will use CSS3 transitions if available //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches //Boolean: Create navigation for previous/next navigation? (true/false) //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage //Boolean: Allow slider navigating via keyboard left/right keys //Boolean: Allow slider navigating via mousewheel //String: Set the text for the "previous" directionNav item //String: Set the text for the "next" directionNav item //Boolean: Create pause/play dynamic element //String: Set the text for the "pause" pausePlay item //String: Set the text for the "play" pausePlay item //Integer: The slide that the slider should start on. Array notation (0 = first slide) //Boolean: Pause the slideshow when interacting with control elements, highly recommended. //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering //Callback: function(slider) - Fires when the slider loads the first slide //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken. //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. //{NEW} Integer: Margin between carousel items. //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. //Callback: function(slider) - Fires asynchronously with each slider animation //Callback: function(slider) - Fires after each slider animation completes //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) n.flipsnack.com/widget/v2/widget.html?hash=d15ecucbdc" width="100%" height="640" seamless="seamless" scrolling="no" frameBorder="0" allowFullScreen>

INTERACTIVE PORTFOLIO. Please click on image to enlarge to full screen.

DOWNLOAD PORTFOLIO as PDF (file size: 4 MB)