FlexSlider - The Best Responsive jQuery Slider

namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds

FireFly | ExpressionEngine & CodeIgniter Hosting featuring 24/7 Support Galleria – The JavaScript Image Gallery tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world Assuming you're happy with the default options and you use a wrapper div with the id of wrapper, you simply attach to your wrapper div and specify the video you want to load: and Presto! A word of caution Tubular does not design your website for you. Options and defaults ratio: 16/9 // usually either 4/3 or 16/9 -- tweak as needed videoId: 'ZCAnLxRvNNc' // toy robot in space is a good default, no?

Fancybox - Fancy lightbox alternative VideoJS - HTML5 Video Player for WordPress A video plugin for WordPress built on the Video.js HTML5 video player library. Allows you to embed video in your post or page using HTML5 with Flash fallback support for non-HTML5 browsers. View videojs.com for additional information. Video Shortcode Options mp4 The location of the h.264/MP4 source for the video. [videojs mp4=" ogg The location of the Theora/Ogg source for the video. [videojs ogg=" webm The location of the VP8/WebM source for the video. [videojs webm=" youtube The location of the YouTube source for the video. [videojs youtube=" poster The location of the poster frame for the video. [videojs poster=" width The width of the video. [videojs width="640"] height The height of the video. [videojs height="264"] preload [videojs preload="auto"] autoplay [videojs autoplay="true"] loop controls id

jQuery UI CoverFlow 2.0 Using $.widget Hey guys. Today I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction and works with the latest versions of both jQuery and jQuery UI (1.4.4 and 1.8.6 respectively). The iTunes CoverFlow effect is one of my favorite user-interface patterns – it’s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there. If you would like to take a look at a demo or download the sources feel free to grab them below or at the end of this post. Screenshot: CoverFlow: A History Of Implementations Origins You may be surprised to know that there’s been quite a substantial body of work that has gone into bringing the CoverFlow effect to the web over the past few years. PHP + GD/ImageMagick (2006-2008) Flash (2007) Let’s Get Started With $.widget

Full Page Image Gallery with jQuery In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves […] View demoDownload source In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. We will use some CSS3 Webkit properties to enhance the look and jQuery for the functionality. We will be using the awesome jQuery thumbnail scroller by Malihu. Again, we will be showing some amazing photography by Mark Sebastian. So, let’s begin! The Markup The HTML consists of a main wrapper div for the gallery. We will also add a “View Thumbnails” div that will appear when the thumbnails are hidden. The CSS The JavaScript

23 Best jQuery Slideshow (Gallery) Plugins | jQuery Slideshow JQuery is becoming almost every programmer’s favorite language. It gives you freedom of displaying images galleries in the most effective way and with very little coding work. In a day and age when slideshows have become an integral part of the websites found on the Internet, the importance of jQuery cannot be ignored. Its ease usability has given it an edge over Flash slideshows. Do you remember the days when we used to see images grouped in tables (tr / td) and once clicked they opened in a new window or even worse, a pop up! Those days are gone. ShineTime – A Kick-Ass New Gallery With Animated Shine Effects Demo – Details“A new kick-ass jQuery and CSS3 gallery with animated shine effects.” Advertisement Beautiful Photo Stack Gallery with jQuery and CSS3 Demo – DetailsIn this tutorial we are going to create a nice and fresh image gallery. Cloud Carousel – A 3d Carousel Nivo Slider – Image Slider Smooth Div Scroll Marcofolio Flickrgallery Simple Controls Gallery v1.3 jQuery.popeye 2.0 Galleria

Estro - jQuery Ken Burns & swipe effect slider plugin - by pixelentity - Example 5 Estro Slider by Pixelentity Optional Shadow Below 1 PIXELENTITY SKIN Full Width Ken Burns Effect Thumbnail Popup Image Over Pause Animated Timer Always-on Controls Animated Captions 1 LIGHT SKIN 704x396px (16:9) Ken Burns Effect Thumbnail Popup Image Over Pause Animated Timer Always-on Controls Animated Captions 1 DARK SKIN Inner Controls (new) Full Width Swipe Transition Thumbnail Popup Image Over Pause Animated Timer Animated Captions 2 ORGANIC SKIN Double Slider Ken Burns & Swipe Image Over Pause Animated Timer Auto-hide Controls Animated Captions 3 MINIMAL 3x2 Grid Ken Burns Rollover 1 Looped Image Controls Disabled Rollover Captions Lightbox Integration