beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Dara: Use imagesLoaded to refresh slideshow after it loads, as an alternative fix for the Firefox overlap issue. See #169.

Browse source
This commit is contained in:
Laurel Fulford 2019-01-03 17:37:25 -08:00
parent 1548ec2b43
commit 0d5beb43e0
3 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
dara/assets/js/slider.js
View file

@ -13,9 +13,21 @@
itemHeight: 600,
smoothHeight: true,
selector: '.slides > .hero-content-wrapper',
start: function(){
window.dispatchEvent(new Event('resize'));
},
} );
}
$(document).on( 'ready', loadFlexslider );
function refreshFlexslider() {
$( '.flex-viewport-wrapper' ).imagesLoaded( function() {
window.dispatchEvent(new Event('resize'));
});
}
$(document).on( 'ready', function() {
loadFlexslider();
refreshFlexslider();
} );
} )(jQuery);

2
dara/functions.php
View file

@ -275,7 +275,7 @@ function dara_scripts() {
if ( dara_has_featured_posts( 1 ) && ( is_home() || is_front_page() ) ) {
wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/assets/js/jquery.flexslider.js', array( 'jquery' ), '20161220', true );
wp_enqueue_script( 'dara-slider', get_template_directory_uri() . '/assets/js/slider.js', array( 'flexslider' ), '20161220', true );
wp_enqueue_script( 'dara-slider', get_template_directory_uri() . '/assets/js/slider.js', array( 'flexslider', 'imagesloaded' ), '20161220', true );
}
// If there's an active Video widget, and it's (hopefully) in the footer widget area

1
dara/style.css
View file

@ -1468,7 +1468,6 @@ blockquote p:last-child {
position: relative;
}
.hero-content {
padding-bottom: 50.8474576271186%; /* Makes sure slideshow maintains aspect ratio while loading to avoid overlap */
position: relative;
overflow: hidden;
}