Image Transition effects not working, Image Transition effects not working Options

[Ramesh]

Hi All,

I have written the CSS code for applying Image transition effects using filter and progid attributes.

These effects are not working in any of the browsers.

Request you to help me in this regards.

Thanks,
Ramesh Kumar.P

[Christian J]

Please show an example.

But "filter and progid attributes" sounds like MSIE's properietary filter and transition effects, that are only supported by MSIE browsers. These days CSS3 should offer similar effects, that are supported by all major browser brands.

[Ramesh]

Here is the code which I have written for applying Transition and Filters

div.effect hover
{
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}

JavaScript method to apply animation / transition effect:

function image_effects() {
var selobj = document.getElementById('slidehow_transition');
var selIndex = selobj.selectedIndex;
//set the transition to the number selected in the list
slideShow.filters.revealTrans.Transition = selIndex
slideShow.filters.revealTrans.apply()
slideShow.filters.revealTrans.play()
}

None of these works!!

[Christian J]

div.effect hover

The ":hover" pseudoclass must begin with a colon.

JavaScript method to apply animation / transition effect:

function image_effects() {
var selobj = document.getElementById('slidehow_transition');
var selIndex = selobj.selectedIndex;
//set the transition to the number selected in the list
slideShow.filters.revealTrans.Transition = selIndex
slideShow.filters.revealTrans.apply()
slideShow.filters.revealTrans.play()
}

MSIE's Filters and Transitions syntax has changed once or twice over the years, alas I can't remember what applied to which MSIE version. Perhaps you can find something here: http://msdn.microsoft.com/en-us/library/ms...7(v=vs.85).aspx

[Ramesh]

No Luck...

Unable to apply those filters or Transition effects.

The error message is : Object doesn't support property or method 'filters'

My Internet Explorer version is : IE11

[Christian J]

Seems they are no longer supported in IE11: http://msdn.microsoft.com/en-us/library/ie...5(v=vs.85).aspx