From c473bc13ffe01e931617ab1636e5451c8acde70e Mon Sep 17 00:00:00 2001 From: Robin Cornett Date: Fri, 13 Feb 2015 14:54:25 -0500 Subject: [PATCH] add filters for backstretch settings --- .../class-displayfeaturedimagegenesis-output.php | 16 ++++++++++++++-- includes/js/backstretch-set.js | 8 +++++++- 2 files changed, 21 insertions(+), 3 deletions(-) diff --git a/includes/class-displayfeaturedimagegenesis-output.php b/includes/class-displayfeaturedimagegenesis-output.php index 106eaf6..7843032 100644 --- a/includes/class-displayfeaturedimagegenesis-output.php +++ b/includes/class-displayfeaturedimagegenesis-output.php @@ -121,10 +121,22 @@ class Display_Featured_Image_Genesis_Output { $displaysetting = get_option( 'displayfeaturedimagegenesis' ); $keep_titles = $displaysetting['keep_titles']; - wp_localize_script( 'displayfeaturedimage-backstretch-set', 'BackStretchVars', array( + // backstretch settings from plugin/featured image settings + $backstretch_settings = array( 'src' => esc_url( $item->backstretch[0] ), 'height' => esc_attr( $item->reduce ), - ) ); + ); + // backstretch settings which can be filtered + $backstretch_variables = array( + 'centeredX' => true, + 'centeredY' => true, + 'fade' => 750, + ); + + $backstretch_variables = apply_filters( 'display_featured_image_genesis_backstretch_variables', $backstretch_variables ); + $output = array_merge( $backstretch_settings, $backstretch_variables ); + + wp_localize_script( 'displayfeaturedimage-backstretch-set', 'BackStretchVars', $output ); if ( ! $keep_titles ) { if ( is_singular() && ! is_front_page() && ! is_page_template( 'page_blog.php' ) ) { diff --git a/includes/js/backstretch-set.js b/includes/js/backstretch-set.js index e074d99..421ed64 100644 --- a/includes/js/backstretch-set.js +++ b/includes/js/backstretch-set.js @@ -2,6 +2,12 @@ 'use strict'; $( '.big-leader' ).css( { 'height': ( $(window).height() ) - ([BackStretchVars.height]) + 'px' }); - $( '.big-leader' ).backstretch( [BackStretchVars.src], { 'fade':750 } ); + $( '.big-leader' ).backstretch( + [BackStretchVars.src], { + centeredX: BackStretchVars.centeredX, + centeredY: BackStretchVars.centeredY, + fade: BackStretchVars.fade + } + ); })( this, jQuery );