JavaScript Error

I’m having the same problem as well!
The following message is from Firefox developer console:
TypeError: image is undefined on scripts.js:73

Can someone help please?

I managed to eliminate this error by just commenting out the entire flexslider section in …themes/flato/js/scripts.js

Not sure if flexslider is essential to some sort of theme functionality but my site seems to be cool without it.

I replaced this:

/*  FlexSlider
/* ------------------------------------ */
	var firstImage = jQuery('.flexslider').find('img').filter(':first'),
		checkforloaded = setInterval(function() {
			var image = firstImage.get(0);
			if (image.complete || image.readyState == 'complete' || image.readyState == 4) {
				clearInterval(checkforloaded);
				jQuery('.flexslider').flexslider({
					animation: "slide",
					useCSS: false, // Fix iPad flickering issue
					slideshow: false,
					directionNav: true,
					controlNav: true,
					pauseOnHover: true,
					slideshowSpeed: 7000,
					animationSpeed: 400,
					smoothHeight: true,
					touch: false
				});
			}
		}, 20);

	$('select').dropkick();
});

with this:

/*  FlexSlider
/* ------------------------------------
	var firstImage = jQuery('.flexslider').find('img').filter(':first'),
		checkforloaded = setInterval(function() {
			var image = firstImage.get(0);
			if (image.complete || image.readyState == 'complete' || image.readyState == 4) {
				clearInterval(checkforloaded);
				jQuery('.flexslider').flexslider({
					animation: "slide",
					useCSS: false, // Fix iPad flickering issue
					slideshow: false,
					directionNav: true,
					controlNav: true,
					pauseOnHover: true,
					slideshowSpeed: 7000,
					animationSpeed: 400,
					smoothHeight: true,
					touch: false
				});
			}
		}, 20);

	$('select').dropkick();
});
*/

FlexSlider is definitely needed.

I’m sure its a simple thing to resolve. Just the image variable needs to be defined. The thing is I’m not sure where and how to define it.

I hope someone can support us on this.

I found that by using the hacky solution above that it did remove the error but then I noticed that the search box woould no longer drop down from the site menu

e.g.
<div class=”search-expand” style=”display: ..

Has anyone since found a solution?

I had this same problem and found the information in the above answers very useful for debugging.

I have attached the code I am using which seems to have ‘fixed the glitch’. It is very similar to Christopher Michael Luna’s solution, but it doesn’t seem to have the search bar issue patsam was referring to.

In case anyone is interested in how I did it here we go, otherwise feel free to just snag the snippet:
I wrapped the current if statement in a new if statement to check if the image variable is not undefined (by checking its current type). If the image variable is NOT undefined then the code executes normally. However, if the image variable IS undefined then we skip the next part (which tries to access properties from the image variable).

The error was caused because the current FlexSlider logic wants to grab certain properties from the image variable, the problem is the image variable doesn’t seem to be defined at this point (probably if the flexSlider is trying to access images which don’t exist)

/*  FlexSlider

/* ------------------------------------ */

	var firstImage = jQuery('.flexslider').find('img').filter(':first'),

		checkforloaded = setInterval(function() {

			var image = firstImage.get(0);
			if(typeof image !== 'undefined'){
				if (image.readyState == 'complete' || image.readyState == 4 || image.complete ) {

					clearInterval(checkforloaded);

					jQuery('.flexslider').flexslider({

						animation: "slide",

						useCSS: false, // Fix iPad flickering issue

						slideshow: false,

						directionNav: true,

						controlNav: true,

						pauseOnHover: true,

						slideshowSpeed: 7000,

						animationSpeed: 400,

						smoothHeight: true,

						touch: false

					});

				}
			}

		}, 20);

	$('select').dropkick();

});