Fancybox Effect

Robert Windisch edited this page Jul 25, 2015 · 1 revision

Theme Feature: xtreme-fancybox Activates a widely customizable feature that allows you to use the Fancybox image zoom effect almost everywhere you want.

/*
* Enable automatic fancy box image viewer
*/
add_theme_support('xtreme-fancybox',
        array(
                'compatibility' => array(
                        //define the compatibility layer for already existing image viewer markup at content
                        'autodetect',        // all a tags where href references an image
                        'gallery',        // WordPress build in galleries (class="gallery")
                        'fancybox',        // FancyBox itself (class="fancybox" rel="?????")
                        'colorbox',        // colorbox.js (class="colorbox-?????")
                        'highslide',        // HighSlide - experimental (class="highslide")
                        'thickbox',        // Thickbox (class="thickbox" rel="?????")
                        'shutter',        // Shutter Reloaded (class="shutter" | class="shutterset_?????")
                        'lightbox',        // LigthBox - any type (rel="lightbox[?????]")
                        'prettyphoto',        // PrettyPhoto (rel="prettyPhoto[?????]")
                        'shadowbox'        // ShadowBox (rel="shadowbox[?????]")
                ),
                'posttypes' => array(
                        //define the supported post types
                        'post',        // supporting any post
                        'page'        // supporting any page
                ),
                'archives' => array(
                        //define the supported archive post types, if you have full content at archives
                        'post'        // supporting any post archive
                ),
                'specials' => array(
                        //define special behavoir
                        'gallery' => true,                // automatic processing WordPress galleries
                        'nggallery' => true,        // automatic processing of NextGen Galleries, if Effects is set to custom!
                        'ngalbum' => true,                // automatic processing of NextGen Albums, if Effects is set to custom!
                        'frontpage' => false        // process frontpage too because of full content display?
                ),
                'options' => array (
                        'padding' => 10,                                //Space between FancyBox wrapper and content (default: 10)
                        'margin' => 60,                                //Space between viewport and FancyBox wrapper (default: 40)
                        'opacity' => false,                                //When true, transparency of content is changed for elastic transitions (default: false)
                        'modal' => false,                                //When true, 'overlayShow' is set to 'true' and 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' are set to 'false'
                        'cyclic' => false,                                //When true, galleries will be cyclic, allowing you to keep pressing next/back.
                        'scrolling' => 'auto',                        //Set the overflow CSS property to create or hide scrollbars. Can be set to 'auto', 'yes', or 'no'
                        'width' => 560,                                //Width for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
                        'height' => 340,                                //Height for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
                        'autoScale' => true,                        //If true, FancyBox is scaled to fit in viewport
                        'autoDimensions' => true,                //For inline and ajax views, resizes the view to the element recieves. Make sure it has dimensions otherwise this will give unexpected results
                        'centerOnScroll' => false,                //When true, FancyBox is centered while scrolling page
                        'hideOnOverlayClick' => true,                //Toggle if clicking the overlay should close FancyBox
                        'hideOnContentClick' => false,        //Toggle if clicking the content should close FancyBox
                        'overlayShow' => true,                        //Toggle overlay
                        'overlayOpacity' => 0.3,                        //Opacity of the overlay (from 0 to 1; default - 0.3)
                        'overlayColor' => '#666',                //Color of the overlay
                        'titleShow' => true,                        //Toggle title
                        'titlePosition' => 'float',                //The position of title. Can be set to 'float', 'outside', 'inside' or 'over'
                        'transitionIn' => 'elastic',                //The transition type. Can be set to 'elastic', 'fade' or 'none'
                        'transitionOut' => 'elastic',                //The transition type. Can be set to 'elastic', 'fade' or 'none'
                        'speedIn' => 300,                                //Speed of the fade and elastic transitions, in milliseconds
                        'speedOut' => 300,                                //Speed of the fade and elastic transitions, in milliseconds
                        'changeSpeed' => 300,                        //Speed of resizing when changing gallery items, in milliseconds
                        'changeFade' => 'fast',                        //Speed of the content fading while changing gallery items
                        'easingIn' => 'swing',                        //Easing used for elastic animations
                        'easingOut' => 'swing',                        //Easing used for elastic animations
                        'showCloseButton' => true,                //Toggle close button
                        'showNavArrows' => true,                        //Toggle navigation arrows
                        'enableEscapeButton' => true                //Toggle if pressing Esc button closes FancyBox
                )
        )
);

Deutsch / German

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.