Images invisible without hover
-
Envira 1.5.8.2
Images are not showing unless hovered-over. See http://www.tonyomalley.com/romsey-abbey/
The immediate cause appears to be a javascript error on line 419.
Uncaught SyntaxError: Unexpected token ,Line 419 is part of the Envira javascript
<script type=”text/javascript”>
var envira_galleries = [],envira_gallery_images = {},envira_isotopes = [],envira_isotopes_config = [],envira_gallery_sort = {“785”:{“0″:762,”1″:769,”2″:768,”3″:767,”4″:765,”5″:764,”6″:766,”7″:763,”8″:770}};jQuery(document).ready(function($){var envira_container_785 = ”;envira_isotopes_config[‘785’] = {itemSelector: ‘.envira-gallery-item’,masonry: {columnWidth: ‘.envira-gallery-item’}};envira_isotopes[‘785’] = envira_container_785= $(‘#envira-gallery-785’).enviratope(envira_isotopes_config[‘785’]);envira_isotopes[‘785’].enviraImagesLoaded().done(function() {envira_isotopes[‘785’].enviratope(‘layout’);}).progress(function() {envira_isotopes[‘785’].enviratope(‘layout’);});envira_container_785 = $(‘#envira-gallery-785’).enviraImagesLoaded( function() {$(‘.envira-gallery-item img’).fadeTo( ‘slow’, 1 );});envira_gallery_options = {lightboxTheme: ‘base’,autoPlay:1,playSpeed:5000,margin: 30,padding: 15,arrows: 1,aspectRatio: 1,loop: 1,mouseWheel: 1,preload: 1,openEffect: ‘none’,closeEffect: ‘none’,nextEffect: ‘elastic’,prevEffect: ‘elastic’,tpl: {wrap : ‘<div class=”envirabox-wrap” tabIndex=”-1″><div class=”envirabox-skin envirabox-theme-base”><div class=”envirabox-outer”><div class=”envirabox-inner”><div class=”envirabox-actions base “></div><div class=”envirabox-position-overlay envira-gallery-top-left”></div><div class=”envirabox-position-overlay envira-gallery-top-right”></div><div class=”envirabox-position-overlay envira-gallery-bottom-left”></div><div class=”envirabox-position-overlay envira-gallery-bottom-right”></div></div></div></div></div>’,image: ‘‘,iframe : ‘<iframe id=”envirabox-frame{rnd}” name=”envirabox-frame{rnd}” class=”envirabox-iframe” frameborder=”0″ vspace=”0″ hspace=”0″ allowtransparency=”true” wekitallowfullscreen mozallowfullscreen allowfullscreen></iframe>’,error: ‘<p class=”envirabox-error”>The requested content cannot be loaded.<br/>Please try again later.</p>’,closeBtn : ‘‘,next : ‘<span></span>‘,prev : ‘<span></span>‘},helpers: {video: {autoplay: 0,playpause: 1,progress: 1,current: 1,duration: 1,volume: 1,},title: {type: ‘inside’,alwaysShow: ”,},thumbs: {width: 80,height: 45,mobile_thumbs: 1,mobile_width: ,mobile_height: ,source: function(current) {if ( typeof current.element == ‘undefined’ ) {return current.thumbnail;} else {return $(current.element).data(‘thumbnail’);}},mobileSource: function(current) {if ( typeof current.element == ‘undefined’ ) {return current.mobile_thumbnail;} else {return $(current.element).data(‘mobile-thumbnail’);}},dynamicMargin: false,dynamicMarginAmount: 0,position: ‘top’},slideshow: {skipSingle: true},},beforeLoad: function(){this.title = $(this.element).attr(‘data-envira-caption’);},afterLoad: function(){$(‘envirabox-overlay-fixed’).on({‘touchmove’ : function(e){e.preventDefault();}});},beforeShow: function(){$(window).on({‘resize.envirabox’ : function(){$.envirabox.update();}});if ( typeof this.element === ‘undefined’ ) { var gallery_id = this.group[ this.index ].gallery_id;var gallery_item_id = this.group[ this.index ].id;var alt = this.group[ this.index ].alt;var title = this.group[ this.index ].title;var caption = this.group[ this.index ].caption;var index = this.index;} else {var gallery_id = this.element.find(‘img’).data(‘envira-gallery-id’);var gallery_item_id = this.element.find(‘img’).data(‘envira-item-id’);var alt = this.element.find(‘img’).attr(‘alt’);var title = this.element.find(‘img’).parent().attr(‘title’);var caption = this.element.find(‘img’).parent().data(‘envira-caption’);var retina_image = this.element.find(‘img’).parent().data(‘envira-retina’);var index = this.element.find(‘img’).data(‘envira-index’);}this.inner.find(‘img’).attr(‘alt’, alt).attr(‘data-envira-gallery-id’, gallery_id).attr(‘data-envira-item-id’, gallery_item_id).attr(‘data-envira-title’, title).attr(‘data-envira-caption’, caption).attr(‘data-envira-index’, index);if ( typeof retina_image !== ‘undefined’ && retina_image !== ” ) {this.inner.find(‘img’).attr(‘srcset’, retina_image + ‘ 2x’);}$(‘.envirabox-overlay’).addClass( ‘overlay-base’ ); $(‘.envirabox-overlay’).addClass( ‘overlay-video’ );$(‘.envirabox-overlay’).addClass(‘envirabox-thumbs’);var video_aspect_ratio;if ( typeof this.element === ‘undefined’ ) {if ( this.group[ this.index ].video_aspect_ratio !== ‘undefined’ ) {video_aspect_ratio = this.group[ this.index ].video_aspect_ratio;}else {video_aspect_ratio = ”;}} else {video_aspect_ratio = this.element.data( ‘video-aspect-ratio’ );}if ( typeof video_aspect_ratio !== ‘undefined’ && video_aspect_ratio == ’16:9′ ) {this.width = 960;this.height = 540;}var overlay_supersize = false;if(overlay_supersize) {$(‘.envirabox-overlay’).addClass( ‘overlay-supersize’ );$(‘#envirabox-thumbs’).addClass( ‘thumbs-supersize’ );}$(‘.envira-close’).click(function(event) {event.preventDefault();$.envirabox.close();});},afterShow: function(){$(‘.envirabox-wrap, .envirabox-wrap a.envirabox-nav’).swipe( {excludedElements:”label, button, input, select, textarea, .noSwipe”,swipe: function(event, direction, distance, duration, fingerCount, fingerData) {if (direction === ‘left’) {$.envirabox.next(direction);} else if (direction === ‘right’) {$.envirabox.prev(direction);} else if (direction === ‘up’) {$.envirabox.close();}}} );$(‘.envira-close-button’).on(‘click’, ‘a.btnClose’, function(e) {e.preventDefault();e.stopPropagation();$(‘.envirabox-actions’).remove();$.envirabox.close();});var overlay_supersize = false;if(overlay_supersize) {$(‘#envirabox-thumbs’).addClass( ‘thumbs-supersize’ );}},beforeClose: function(){},afterClose: function(){$(window).off(‘resize.envirabox’);$(‘.envirabox-actions’).remove();},onUpdate: function(){},onCancel: function(){},onPlayStart: function(){},onPlayEnd: function(){}};envira_galleries[‘785’] = $(‘.envira-gallery-785’).envirabox( envira_gallery_options );}); </script>
</body>
The topic ‘Images invisible without hover’ is closed to new replies.