Hi!
I've tried this theme with IE8, Firefox, Chrome and works fine
But with IE10, the slideshow only shows the last picture of the serie. No slide effect

Any ideas? Thanks

Comments

gtsopour’s picture

Assigned: Unassigned » gtsopour
Status: Active » Needs review

Please just add the property useCSS: false to the Flexslider plugin initialization under the Line 37 into yout template.php file. Finally, the code will be:

$(".flexslider").flexslider({ 
<strong>useCSS: false,</strong>
animationLoop: true,  					
animation: "'.$effect.'",
animationSpeed: "'.$animation_time.'",
controlNav: '.$slideshow_controls.',
directionNav: false,
touch: '.$slideshow_touch.',
pauseOnHover: '.$slideshow_pause.',  
slideshowSpeed: '.$effect_time.',
randomize: '.$slideshow_random.',
controlsContainer: "#slideshow",
});

If you want to add this property only for IE>9, just make the following change to your template.php:

Change from

$(".flexslider").flexslider({ 
animationLoop: true,  					
animation: "'.$effect.'",
animationSpeed: "'.$animation_time.'",
controlNav: '.$slideshow_controls.',
directionNav: false,
touch: '.$slideshow_touch.',
pauseOnHover: '.$slideshow_pause.',  
slideshowSpeed: '.$effect_time.',
randomize: '.$slideshow_random.',
controlsContainer: "#slideshow",
});

To

if (($.browser.msie) && ($.browser.version > 9.0)) {
	$(".flexslider").flexslider({
		useCSS: false,
		animationLoop: true,  					
		animation: "'.$effect.'",
		animationSpeed: "'.$animation_time.'",
		controlNav: '.$slideshow_controls.',
		directionNav: false,
		touch: '.$slideshow_touch.',
		pauseOnHover: '.$slideshow_pause.',  
		slideshowSpeed: '.$effect_time.',
		randomize: '.$slideshow_random.',
		controlsContainer: "#slideshow"
	});   
} else {
	$(".flexslider").flexslider({
		animationLoop: true,  					
		animation: "'.$effect.'",
		animationSpeed: "'.$animation_time.'",
		controlNav: '.$slideshow_controls.',
		directionNav: false,
		touch: '.$slideshow_touch.',
		pauseOnHover: '.$slideshow_pause.',  
		slideshowSpeed: '.$effect_time.',
		randomize: '.$slideshow_random.',
		controlsContainer: "#slideshow"
	});   
}

Finally and without making the above changes to your template.php file, you can resolve this issue by installing the jQuery Update module https://drupal.org/project/jquery_update and selecting the jQuery 1.7.1.

Thanks
George

srfloppy’s picture

Hi George,

thanks for your reply. I've installed the jquery_update with the 1.7 version and solved the problem. Now runs like a charm with IE, Chrome and Firefox.

I've tried with the jquery 1.8 and works well with IE and Chrome, but not with Firefox. Then finally I've selected jquery 1.7 version.

WvBP’s picture

Hello,
I also have a problem with IE 10.
No slideshow at all.
I add the property "useCSS: false" but no result.
and I have the jquery_update 1.7

FIX: I put the settings back to default IE10 now the problem is solved

djsagar’s picture

Issue summary: View changes
Status: Needs review » Reviewed & tested by the community

Hi George,

I've installed the jquery_update with the 1.7 version (https://drupal.org/project/jquery_update and selecting the jQuery 1.7.1.) and this module solved the problem. Now runs like a charm with IE, Chrome and Firefox.

Thanks!

djsagar’s picture

Assigned: gtsopour » Unassigned
gaurav.kapoor’s picture

Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.