First image in banner does not load until a cycle completes

is this fixed in beta7?

No, the problem still exists in beta8

IE version?

It works in IE9 en IE8 native but not in compatibility mode on both versions.

So probably only problem for IE7. I hope someone can verify that.

Anybody know how to fix this bug?
I confirm this bug with IE8 (Win XP SP3, Win 7 x64). My site is http://www.igoragaev.ru
IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5 - http://ipinfo.info/netrenderer/

I had the same issue, but fixed it by doing a workaround that basically sets the default background as your first slideshow image instead of the background colour. Therefore when IE loads, it shows your first image as the default even though the slideshow doesn't:

Go to your slideshow.css file and where the:

/* Look & Feel
-------------------------------------------------------------- */

section starts, immediately under is the:

#header-images{ /* advertise image */

This is where you need to make the change. For my site it was the following, making sure that I pointed it to the image for my first banner which was pagg-stack.jpg, so it now looks like this for my site:

#header-images{ /* advertise image */
color: white;
background-image: url(../img/backgrounds/pagg-stack.jpg););
}

Hope this helps.

Neil

Thx, but not in my case. I have different banners for each page.

This issue occurs in ie 8 with or without compatibility view turned on.

I really like this theme, I myself found the first banner not to show in IE 8 or IE 9 with compatibility mode off! Also the top buttons the 'Mega Menu" graphics does not show, and the Black bar under the banners is not see threw. All these issues are only in IE8.... Everything works in firefox, crome, and ie9. ---> ie6,7,8 the graphics do not show in the mega menu (aka top buttons) Not the end of the world, and I am hoping the background cheat works well :) thanks for the advice.

I have this problem too. It came down to extra css I added via #302913: Theme Issues using IE8 Beta 2 which suggests to add the shadowing effect/filter in IE with this code in layout.css:

.ie8 #pageBorder{ /* FIX IE8 border shadows */
float: none;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10);
}

The shadow is actually for the outer #page-border div and works/looks just fine. It seems to apply to divs inside it though causing issues with the first banner image. When I comment it out - the first image in the slideshow is working again. I tried some css variations to disable the filter on the one element within #page-border, but ran out of time, just thought I'd mention in case someone cares and wants both. I'm opting for no shadow, but a working first image.

Without the shadow filter I don't even need to set the background css to the first banner to try to workaround it. Some variation of css should fix it though?

.ie8 #pageBorder #header-...-(text?) {  
  filter:none;
}

I have the same problem. The first image does not display until cycled. This only occurs in IE7.
Has someone solved it?

I had to use solution #8.
Thanks

Fo me with IE 9, the first image jumps into place (i have a fast server) and immediately disappears, and then I have to wait for the set rotation speed x 2 for the next banner to display, so the browser just displays the blue background for twice the amount of time that the rotation speed is set to.

In chrome, opera and firefox this does not happen - display is as desired.

I am using latest mainelli beta 11 with up-to-date drupal 7.14

The fix in #8 only partially worked for me - it worked, but now I have the image I set as background appearing partially as each image fades out before the next image fades in - not a permanent solution, but, thanks for the partial fix.

Still have the same problem, the first image does not display until cycled, in all browsers, anyone have a solution?

There's some logic that hides all slides if it detects that css isn't available. Both the test, anything inside that code block and the reason for it make zero sense to me. The check looks if an element has a float left on it and if it doesn't, it hides img.slide. That element, of course, never has a float left on it...

I've added a patch for the maintainer to apply. It also cleans up code formatting in the file as well as fixing the issue. If you're using the theme without your own subtheme then the patch will fix it and nothing further is required. If you're running Marinelli as a base theme with your own subtheme (the recommended approach) then you'll need to update the file at YOURTHEME/js/banner/marinelli_configure_cycle.js by hand. Here is a copy/paste of what your version of the file should look like:

/**
 * cycle activation
 * the variables come from banners.inc
 */
jQuery(document).ready(function($) {
  rotateBanners();
  function rotateBanners(){
    $('#header-images').cycle({  // rotate banners
      slideExpr:'img.slide',
      fx:     '' + Drupal.settings.marinelli.banner_effect + '',
      timeout:  parseInt(Drupal.settings.marinelli.banner_delay),
      speed:  parseInt(Drupal.settings.marinelli.banner_speed),
      pause:  parseInt(Drupal.settings.marinelli.banner_pause),
      before: onBefore,
      prev:  '#header-image-prev',
      next:  '#header-image-next'
    });
  }

  function onBefore() {
    var link = $(this).parent().attr("href");
    var title = $(this).attr("title");
    var description = $(this).attr("longdesc");

    $('#header-image-title > a').text(title); // set banner title
    $('#header-image-description > a').text(description); // set banner description
    $('.bannerlink').attr({ // set banner link on text
      href: link
    });
  };
});

Whoops. I forgot to change the issue status.