Best jQuery Fullscreen Plugins & Tutorials with Demo

    jQuery Textarea Full Screen Plugin

    jQuery Textarea Full Screen Plugin

    jQuery plugin textarea fullscreen mode plugin.

    Draggable Dual-View Slideshow with JavaScript

    Draggable Dual-View Slideshow with JavaScript

    An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.There are different techniques that would allow for such a layout; we tried to re-create this slideshow concept by using the Dragdealer.js library and 3D transforms. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a “real” size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.

    jQuery Unobtrusive Background Image Switcher

    jQuery Unobtrusive Background Image Switcher

    jQuery plugin that switches background images of a website – can be used as an image slider or a full screen background image switcher as well as image preloader.

    Demo 1 Demo 2 Demo 3

    Inspiration for Article Intro Effects with CSS3

    Inspiration for Article Intro Effects with CSS3

    Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.

    Classy FlipBook – jQuery Plugin

    Classy FlipBook - jQuery Plugin
    • FlipBook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.
    • reverse flip book for the eastern countries (right to left)
    • any width for Flipbook, you can add to your site – working on layout responsive and not responsive.
    • you can easily disable the toolbar
    • unlimited number of pages
    • optimal loading pages(the flipbook does not show all the page – only 7 pages is in memory)
    • double pages
    • you can change the width input text in bottom bar
    • icon fullscreen ( only works under FF and Chrome )<
    • no Flash Player needed (works on the Ipad etc.)

    Theme Slider : jQuery FullScreen Touch Slider Plugin

    Theme Slider : jQuery FullScreen Touch Slider Plugin

    Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.

    Features:

    • Responsive, Mobile-Friendly with Touch/Swipe Support
    • 91 Predefined Layer Positions, 650+ Font Styles (Google Fonts), 360+ Icons (Font Awesome Icons)
    • Unlimited Layers, Sublayers, Text Layers, Transitions, All of Them should be Animated
    • Compatible with All Major Browsers
    • Custom YouTube Player with Additional Options (Autoplay, Resize to Fit to the Screen, Loop, Hide Control Bar)
    • Customizable Animation Time, Delay for Each Main Slide, Sublayer, Text Layer, Custom Options for Text Animations
    • 80+ Animation Types, combined with Easing Effects you can create more than 300 Unique Animations
    • 10+ Main Slider Animations with Hardware Accelerated CSS3 Technology
    • 30+ Text Animations
    • 10+ Sublayer Animations with in and out animations including random type
    • 30+ Easing Effects
    • AutoPlay, Control Options (color, position for global or each slides)
    • Integrated Preloader with 5 custom animations

    MagicWall : jQuery Responsive Image Grid Plugin

    MagicWall : jQuery Responsive Image Grid Plugin

    MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays.

    Features:

    • Responsive grid
    • Hardware Accelerated
    • Fullwidth layout
    • Fullscreen layout
    • Highly customizable
    • 22 Animations
    • Sass files included
    • Small file size

    CSS3 3D Grid Effect

    CSS3 3D Grid Effect

    Today we’d like to share a little animation concept with you. It’s the recreation of an effect we spotted in this fantastic prototype app by Marcus Eckert. The idea is to rotate a grid item in 3D, expand it into fullscreen and reveal some content. For our attempt to imitate the app behavior, we created two demos. In the first one we rotate the grid item vertically and in the second one horizontally.

    Business FlipBook – jQuery WordPress Plugin

    Business FlipBook - jQuery Wordpress Plugin

    flipbook is based on the library turn.js 3rd release. Library “turn.js 3rd release” is not included.

    Features:

    • works on the iPad,iPhone etc. ( no Flash Player needed )
    • support for tags in WYSIWYG editor.
    • reverse flip book for the eastern countries (right to left)
    • icon fullScreen ( only works under FF and Chrome )
    • you can change the zoom to double click the mouse
    • you can change the zoom step for zoomIn and for zoomOut
    • you can enable / disable deeplinking (string at the end of the browser’s address)
    • responsive design