I have noticed that a height is declared in the js but not a width. Could this have anything to do with it? I do have a width set through the plugin. Why wouldn’t that be passed through to the script?
Here is the snippet of code from jquery.innerfade.js
$.innerfade = function(container, options) {
var settings = {
'animationtype': 'fade',
'speed': 'normal',
'type': 'sequence',
'timeout': 2000,
'containerheight': 'auto',
'runningclass': 'innerfade',
'children': null
};
if (options)
$.extend(settings, options);
if (settings.children === null)
var elements = $(container).children();
else
var elements = $(container).children(settings.children);
if (elements.length > 1) {
$(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
And here is what is rendering from the plugin to the header:
<script type="text/javascript">
var $jquery = jQuery.noConflict();
$jquery(document).ready(function()
{
$jquery('#wpcontent_slider').innerfade({
speed: 2000,
timeout: 6000,
type: 'sequence',
containerheight: '220px'
});
});
</script>
In the plugin admin, the image width is set to 465px and the height is set to 220px. I know, for sure, that I have had to declare image widths in CSS to force image only areas to appear in IE.
Having it not work isn’t a show stopper but everything else on my custom theme is working so perfectly that it seems a shame to leave this known problem out there.