Download & Extend
Marinelli » Issues

First Image does not load in I.E.

Posted by MrPhilbert on January 5, 2011 at 1:59am
Project:Marinelli
Version:7.x-3.0-beta3
Component:Code
Category:bug report
Priority:major
Assigned:Lioz
Status:postponed (maintainer needs more info)

Issue Summary

The first image does not display until cycled. This only occurs in I.E. I tried changing the delay etc. but no image displays until the second one cycles into view. Then once the images cycle around, the first one will show.
Baffling.

Login or register to post comments

Comments

#1

Posted by MrPhilbert on January 5, 2011 at 2:01am

O.K. Now it's doing the same thing in Firefox.

#2

Posted by Lioz on January 5, 2011 at 7:52pm
Assigned to:Anonymous» Lioz

#3

Posted by Lioz on February 12, 2011 at 11:00am

is this fixed in beta7?

#4

Posted by webm_koba on February 25, 2011 at 10:02pm

No, the problem still exists in beta8

#5

Posted by Lioz on March 1, 2011 at 11:20am
Status:active» postponed (maintainer needs more info)

IE version?

#6

Posted by webm_koba on March 2, 2011 at 9:43pm

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.

#7

Posted by jg-staffel on March 15, 2011 at 6:36pm
Priority:normal» major

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/

#8

Posted by seftonn on March 19, 2011 at 9:56pm

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

#9

Posted by jg-staffel on March 20, 2011 at 8:12am

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

#10

Posted by pmcgilvray on April 1, 2011 at 7:33pm

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

#11

Posted by KellyGJ on April 25, 2011 at 6:16pm

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.

#12

Posted by scottm316 on May 4, 2011 at 6:26pm

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;
}

#13

Posted by asanchez75 on December 17, 2011 at 9:16pm

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

#14

Posted by asanchez75 on December 17, 2011 at 10:20pm

I had to use solution #8.
Thanks

#15

Posted by Ed Marquis on July 30, 2012 at 6:53am

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.