Support » Plugin: Jetpack - WP Security, Backup, Speed, & Growth » IE8 and Jetpack Slideshows

  • I am loving the new slideshow feature on jetpack but I have a few questions….

    1. What’s the deal with styling..is there a guide somewhere to making my own slideshow styles? For now I’ve stripped the dark box around the slideshow becuase I just want to show the images…this leads me to my next question.
    2. My slideshow looks great in most browsers but in IE8 and IE7 there is a white background above and below the slideshow images that I can’t get rid of. It’s created as an inline style I assume through the jetpack js. How do I get rid of this?
    3. This spacing also appears in other browsers but is transparent. How do I control the inline style for height of the slideshow? Right now I’m using a margin-top: -60px; to get the slideshow to line up where I want it but I’d prefer not to do this.

    You can see my slideshow here… http://cockapoosonline.com/

    http://wordpress.org/extend/plugins/jetpack/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    My slideshow looks great in most browsers but in IE8 and IE7 there is a white background above and below the slideshow images that I can’t get rid of.

    The slideshow is indeed usable in IE7 and IE8, but we do not support these 2 browsers.

    How do I control the inline style for height of the slideshow? Right now I’m using a margin-top: -60px; to get the slideshow to line up where I want it but I’d prefer not to do this.

    Changing the margin values should indeed do the trick. The slideshow seems to be displayed properly on your site at the moment.

    Thread Starter Matt Barrett (corradomatt)

    (@corradomatt)

    Thanks for the reply Jeremy, but it doesn’t look right in IE7 or IE8 because of the white background that is inserted for those browsers through inline css. Is there a way I can remove this inline css when the page loads in these browsers?

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    This inline CSS is not added by Jetpack, as Jetpack does not add any white background to the slideshow.

    Do you experience similar issues when loading the slideshow in IE9?

    Thread Starter Matt Barrett (corradomatt)

    (@corradomatt)

    I don’t see the white background in IE9 but I do see the inline css in all browsers…..

    firefox and chrome – style=”height: 410px; position: relative;”

    IE9 (added after the main slideshow div…

    <style>
    		#gallery-11-1-slideshow .slideshow-slide img {
    			max-height: 410px;
    			/* Emulate max-height in IE 6 */
    			_height: expression(this.scrollHeight >= 410 ? '410px' : 'auto');
    		}
    		</style>

    @corradomatt hey there! Yeah we do render some CSS together with the slideshow output, also the JS script might be applying the inline styles to the elements, thus it’s not easy to target things with CSS selectors.

    If you have a good idea on how to make the slideshow dimensions more flexible, we encourage you to submit a patch, however, I’m not sure the IE8 white background you’re referring to is caused by that.

    Let us know if you find out more, and thanks for your feedback!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘IE8 and Jetpack Slideshows’ is closed to new replies.