Carousel broken in IE10 and IE11

I had same alignment issue in IE11. Adding the following to the file:
wp-content/plugins/carousel-without-jetpack/jetpack-carousel-ie8fix.css fixed the alignment issue for me.

/* Fix carousel in IE */
.jp-carousel-slide.selected {
transform:translate3d(0px, 0px, 0px)\9 !important;
}

There is still only one image visible at a time, which is fine by me. Note this file is probably replaced during a plugin update therefore if you like the result, also save the information elsewhere. I did not did not write the fix, but found it elsewhere (unknown author).

P.S. a more descriptive title of the post would be helpful.

@willywonder

What a funny coincidence…

When I saw your fix I thought to myself: “Weird, that is the exact same thing I did in my CSS, including the comment…”

After asking this question I played around with the CSS and found the fix myself. I noticed that Carolien had the same issue here (https://femfotos.nl/2014/01/14/carolien-2/) so I decided to comment there first. I’ve been meaning to mention the fix here as well, but you beat me to it. Thanks!

For those interested. The above CSS is what fixed the issue for me. It centers the image, although it doesn’t show the two side images. One other difference is the images don’t slide into view.

Thanks, this fix made my day ??

To Fix this problem, need in the file jetpack-carousel.php correct:

Delet code [start lines 155]:

global $is_IE;
if( $is_IE )
{
 $msie = strpos( $_SERVER['HTTP_USER_AGENT'], 'MSIE' ) + 4;
 $version = (float) substr( $_SERVER['HTTP_USER_AGENT'], $msie, strpos( $_SERVER['HTTP_USER_AGENT'], ';', $msie ) - $msie );
if( $version < 9 )
wp_enqueue_style( 'jetpack-carousel-ie8fix', plugins_url( 'jetpack-carousel-ie8fix.css', __FILE__ ), array(), $this->asset_version( '20121024' ) );
}

Insert code (instead remote code):

if( is_rtl() ) {
wp_enqueue_style( 'jetpack-carousel', plugins_url( '/rtl/jetpack-carousel-rtl.css', __FILE__ ), array(), $this->asset_version( '20120629' ) );
} else {
wp_enqueue_style( 'jetpack-carousel', plugins_url( 'jetpack-carousel.css', __FILE__ ), array(), $this->asset_version( '20120629' ) );
}
wp_register_style( 'jetpack-carousel-ie8fix', plugins_url( 'jetpack-carousel-ie8fix.css', __FILE__ ), array(), $this->asset_version( '20121024' ) );
$GLOBALS['wp_styles']->add_data( 'jetpack-carousel-ie8fix', 'conditional', 'lte IE 8' );
wp_enqueue_style( 'jetpack-carousel-ie8fix' );