Internet Explorer 10

I just tested your site on IE 10, 9, 8 and 7 and didn’t find any issue with the slider. Let me know if you fixed something or if still showing the issue at your end, kindly clear all cache or check if JavaScript is enabled.

Thanks

Thank you for taking a look at it. I cleared the cache and verified that JavaScript is enabled I (and my client) are running Windows 8 and using IE 10 (I can send you a screen shot of what we are getting).

It looks fine in most other browsers however in every browser it has Smooth Slider across the top which is something that wasn’t happening prior to upgrade.

Could it be the WordPress version (running WP 3.5).

Kindly send the screenshot to my email ID support1 [at] slidervilla [dot] com

Thanks

Larry, when I look at your site with IE 9 you are having the same problem as me: the image is only showing about the top ten pixels.

What version of Windows are you running IE9? The problem I’m having I’ve only been able to recreate in the Windows 8 environment. Thanks for the IE 9 feedback!

Did you get my email of the screen shot?

I have not received the screenshot email. Please send that again. Thanks

You’ll have to forgive me but I’ve tried sending to what I think you email address is support1[at]slidervilla[dot]com is that correct?

If you don’t need the page to be responsive, you could add a CSS min-height rule (e.g. “min-height:300px;” if you want the slider to be 300 pixels in height) to the custom styles field in the Smooth Slider’s settings. This worked for a page with a similar issue.

I am having the same issue in both IE 8 and IE 10 as well.

It seems like the HTML height setting is empty, so it looks like:

height=””

Is this because of the maximum height setting that it sets in CSS, where it turns off the html height setting itself? Is there a way in the plugin settings it self to make sure this property is set for these older versions of IE?

So, I’ve written up a hack that solves this problem (for now), which I’ve tested in some IE 8.0/10.0 emulators. Essentially, the height tags need to be specified in the style tag (and I’ve also specified it in the HTML height tag attribute, just in case). Add the following bit of code below the comment which reads “/* If there is a width or height, set them as HMTL-ready attributes. */” in the following file:

/wp-content/plugins/smooth-slider/includes/sslider-get-the-image-functions.php

$temp_width = esc_attr($width);
if(!$height){
	/* find the dimensions of the original uploaded image */
	$img_attr = getimagesize($image['url']);
	$widthz  = $img_attr[0];
	$heightz = $img_attr[1];

	/* find the appropriate resize percentage */
	$percentage = ($temp_width / $widthz);
	$new_height = round($heightz * $percentage);
	$stylez = $args['style'];

	/* find the max height setting from the smooth-slider properties */
	preg_match('/max\-height\:(\d+)px/i',$stylez, $matches);
	$max_height = $matches[1];

	/* if the new height ends up being larger than the max height set,
	then just set it to the max height to keep it constrained */
	if($new_height > $max_height){
		$new_height = $max_height;
	}
	/* set the new height */
	$height = $new_height;

	/* Find the position of the end quotation */
	$pos = strrpos($style, '"');
	/* insert height style tag at the end based on the above position */
	$style = substr_replace($style, "height:".$height."px;", $pos, 0);
}

Thanks @ericaustinlee for sharing the code, we will add the same in Smooth Slider’s next version so that the empty height issue will not happen. BTW, on my Windows 8 system the slider is working just fine on IE10 but it appears that still giving issue on other systems or probably in case of specific customizations.

@ericaustinlee, thanks for your code! It’s a first time for me when I found ready-to-use solution of my trouble on support forums. I tested your fix on Win 7-8 and IE 7-8-9-10 – it works everywhere.