IE 9 Compatability

[GoogleCodeExporter]

Note: If this is a troubleshooting or help question, please first look in
the FAQ (http://bit.ly/ny4EG), search in the Google Group
(http://bit.ly/2Ph5h) and post your question there!

This form is only for technical issues or bugs, thank you. If you post a
troubleshooting question here you will NOT receive help.

What steps will reproduce the problem?
1. open up a slideshow in IE9
2.
3.

What is the expected output? What do you see instead?
Just the static image appears, on monitoring using Visual studio the following 
error is produced :-
Microsoft JScript runtime error: DOM Exception: INVALID_CHARACTER_ERR (5)

What version of the product are you using? On what operating system and
browser?
2r147  IE9 Release Candidate

Please provide any additional information below.
I realise this isn't an official release yet but thought I'd check my website 
anyway.  I think the problem is with the MooTools library being used and 
believe Mootools has been updated, unfortunatley the latest version of MooTools 
doesn't seem to work with your script.

Original issue reported on code.google.com by sheersa...@gmail.com on 14 Feb 2011 at 1:00

[GoogleCodeExporter]

Hi,
I have the same problem in IE 9.0.8080.16413
The images dont moove. Will there be a fix for it?
In IE8, all things are well.

Original comment by f.goehl...@creativteam.net on 14 Feb 2011 at 4:46

[GoogleCodeExporter]

Original comment by aeron.gl...@gmail.com on 15 Feb 2011 at 6:14

[GoogleCodeExporter]

There is something wrong with mootools with IE9.

Get this error when checked with Developer Tools. Newest Mootools works but it 
is not compatible with slideshow
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) 
mootools.js, line 67 character 192

Original comment by friendly...@gmail.com on 3 Mar 2011 at 2:13

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Hi,
I have the same problem in IE 9.0.8112.16421 (RTM) but no image appears (in 
compatibility mode in IE9 and in IE8 all works fine).
I'm using the Ken Burns effect and lightBox .

With mootools 1.3.1 (MooTools Core 1.3.1 with compatibility) I get the 
following error (but the script don't work even in compatibility mode):
SCRIPT5009: 'Asset' not defined 
slideshow.js, line 667 character 5

With mootools 1.2.1 (compressed) I get the following error:
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) 
mootools.js, line 15 character 20608

Original comment by a.mattu...@gmail.com on 15 Mar 2011 at 5:43

[GoogleCodeExporter]

I found a fix for this problem.  If you update to the mootools 1.3.1 and add 
the Asset function to new mootools.js file.  This will solve the problem with 
'Asset' not defined.  

I have mine working completely now without compatibility mode.

Attached is a coppy of the mootools.js I am using! Hope it works for yall.

Original comment by market...@midmocu.com on 16 Mar 2011 at 2:00

Attachments:

• mootools.js

[GoogleCodeExporter]

Hi, for me the KenBurns effect still does not work  :-(

I have fixed the code but I get the following error:

SCRIPT438: Object does not support property or method 'start' 
slideshow.js, line 411 character 5

Original comment by a.mattu...@gmail.com on 17 Mar 2011 at 12:14

[GoogleCodeExporter]

Oh I didn't try the ken burns.

Original comment by market...@midmocu.com on 17 Mar 2011 at 1:23

[GoogleCodeExporter]

Do I need to add the "Asset function" or did you add that before providing the 
download? If so how?

I changed to the provided mootools.js as suggested but now I'm getting the 
thumbnails but the slideshow doesn't start. Doesn't work in compatability mode 
now either 

JScript Debugger gives this error:

SCRIPT438: Object doesn't support property or method 'start' 
slideshow.js, line 760 character 7

Original comment by robor...@googlemail.com on 17 Mar 2011 at 4:26

[GoogleCodeExporter]

Original comment by aeron.gl...@gmail.com on 17 Mar 2011 at 8:51

• Changed state: Accepted
• Added labels: Priority-Critical
• Removed labels: Priority-Low

[GoogleCodeExporter]

Issue 168 has been merged into this issue.

Original comment by aeron.gl...@gmail.com on 17 Mar 2011 at 8:52

[GoogleCodeExporter]

Here is the .js I am using.  I am not using the ken Burns so sorry but I can't 
help you.  

Original comment by market...@midmocu.com on 21 Mar 2011 at 2:50

Attachments:

• slideshow.js

[GoogleCodeExporter]

Has anyone managed to fix the issues in IE9? Still getting 

"Object doesn't support property or method 'start'"

Original comment by wilsonsw...@gmail.com on 22 Mar 2011 at 12:57

[GoogleCodeExporter]

Here is all my files I am using for my show.  It works for the most part.  For 
some reason the controls disappear after the first time through though.

Original comment by market...@midmocu.com on 22 Mar 2011 at 6:41

Attachments:

• slidshow.zip

[GoogleCodeExporter]

I use this wonderful slide show on many of my websites, and I'm starting get 
more and more complaints about it not working in IE9. I look forward to there 
being a fix as well. Thank you!

Original comment by nathand...@gmail.com on 23 Mar 2011 at 8:44

[GoogleCodeExporter]

I'm having the same issue, the slideshow doesn't work in IE9. I tried the 
mootools file that was uploaded here and that made all the thumbnails show up, 
but then I got the same error saying "Object doesn't support property or method 
'start'". Would really like a solution to this as I use it on lots of my sites 
and more people are upgrading to IE9.

Original comment by f35...@gmail.com on 24 Mar 2011 at 7:04

[GoogleCodeExporter]

Just to reiterate what has been said already, the IE9 compatibility problem is 
with MooTools 1.2.x

To fix the issue, upgrade to MooTools 1.3.x. 

You will need MooTools 1.3.x Core and MooTools 1.3.x More with the Assets 
component included.

Load these versions in the head section of your page prior to the Slideshow 2 
script and instead of the version of MooTools that ships with Slideshow 2.

I have this working in IE9 with and without KenBurns simply by upgrading 
MooTools to 1.3.x with no other changes.

Seeing is believing I guess so: 
http://www.rebletting.co.uk/properties/property/view/id/607

Original comment by neilpwhi...@gmail.com on 30 Mar 2011 at 7:29

[GoogleCodeExporter]

Forgot to  mention: You will need MooTools 1.3.x Core with compatibility as 
Selectors component is deprecated.

Original comment by neilpwhi...@gmail.com on 30 Mar 2011 at 7:50

[GoogleCodeExporter]

Thank you very much! I got it to work! I just was leery of applying the fix 
mentioned above since it didn't seem like it was an official fix with full 
compatibility.

Original comment by nathand...@gmail.com on 30 Mar 2011 at 9:01

[GoogleCodeExporter]

Hi Neil,

I just tried this on IE8 (I had to remove IE9 due to other problems) and the 
Ken Burns effect isn't working correctly, i.e. it seems to just move into the 
image very quickly and then stick with a static image, it doesn't move around 
the image like it used to.

Thanks

Alan

Original comment by sheersa...@gmail.com on 31 Mar 2011 at 9:08

[GoogleCodeExporter]

I'm afraid it still doesn't work for me. When I try with 1.3.x it freezes on 
all browsers. See example page here:
http://www.annecurry-sculpture.co.uk/index2.html
As I am a bit of a newb with js it could well be something I've done. Any help 
will be most appreciated as, like others, I've used this excellent bit of kit 
on a few sites.
Rob

Original comment by robor...@googlemail.com on 31 Mar 2011 at 11:45

[GoogleCodeExporter]

Thanks for the solution - it does work in IE9. Unfortunately I'm experiencing 
the freezing problem in all browsers too and have narrowed it down to the 
thumbnails. Turn them off and the slideshow works fine with any effect.

Any ideas how to fix the issue with thumbnails 'freezing' the slideshow?
Thanks, Tim

Original comment by web5.com...@gmail.com on 31 Mar 2011 at 1:49

[GoogleCodeExporter]

I still don't see this working with Kenburns. The example shown includes the 
kenburns script but isn't actually using it.

Original comment by afin...@gmail.com on 31 Mar 2011 at 6:51

[GoogleCodeExporter]

Once you've upgraded to MooTools 1.3.x this issue then becomes related to issue 
150.

Along with the suggestions in comments 17 and 18 above, the quick fix suggested 
in issue 150 should then solve the freezing problem i.e. "Object doesn't 
support property or method 'start'" and will also work to some degree with the 
KenBurns option although the KenBurns effect doesn't function as expected.

Here's the quick fix from issue 150:
slideshow.js line 752:
-- var tween = this.getElement('ul').get('tween', {'property': pos});
++ var tween = this.getElement('ul').set('tween', {'property': 
pos}).get('tween');

This fix should be good for up to and including IE9, Chrome 10 and Firefox 4 
but fails in Opera 11. It's not perfect but at least it won't be totally 
broken. A proper fix is still needed.

Neil

Original comment by neilpwhi...@gmail.com on 2 Apr 2011 at 1:24

[GoogleCodeExporter]

EXCELLENT! Works a treat. Many thanks!

Original comment by robor...@googlemail.com on 7 Apr 2011 at 11:31

[GoogleCodeExporter]

Upgraded MooTools to 1.3.1 with compatibility mode, and my slideshow works in 
all browsers included the new IE 9. Mine is a simple slideshow without thumbs, 
etc. So I will wait for a formal, official fix. In the interim, thanks to all 
for the pointers.

http://www.idyll.com

patrick

Original comment by phic...@gmail.com on 7 Apr 2011 at 4:51

[GoogleCodeExporter]

Use the latest download. Note that transitions with opacity may break with IE 
and Mootools 1.3.1 unless you use the mootools-1.3.1-core bundled with the 
download. There is a bug with Element.Style where if opacity is negative 
(technically impossible, but may happen with transitions like "back" or 
"elastic") it will break IE. There is a lighthouse ticket. For now either don't 
use those transitions with opacity tweens and IE or use the bundled version of 
Mootools. Tks!

Original comment by aeron.gl...@gmail.com on 11 Apr 2011 at 3:02

• Changed state: Fixed

[GoogleCodeExporter]

Many thanks for this fix, for me the KenBurns effect now works well, but the 
lightbox doesn't work.
The images are showed on another page (both in IE and Firefox).
Some suggestions?

Thanks!

Original comment by a.mattu...@gmail.com on 11 Apr 2011 at 6:17

[GoogleCodeExporter]

Thanks for the fix.  I tried it quickly and it mostly works with Ken Burns, 
however, I am getting what looks like empty thumbnails appearing at the bottom 
of the slideshow.

Original comment by sheersa...@gmail.com on 11 Apr 2011 at 6:21

[GoogleCodeExporter]

thanks for everyone who gave solutions..... works great

Original comment by sudara.d...@gmail.com on 25 Jul 2011 at 9:19

[GoogleCodeExporter]

Hey guys!
Here is the mootools v1.4.1 with the "Asset" funnction at the end of the file. 
Now it works with Ken Burns in ALL Browsers. Tested in: Chrome, Firefox, IE9, 
IE8, IE7, IE6

Original comment by ravenhor...@gmail.com on 18 Nov 2011 at 8:50

Attachments:

• mootools.js

[GoogleCodeExporter]

Additionaly here you cabn download my slideshow.js. You can see it live on 
http://www.cateringvergleich.de in entries with more than 1 picture.

Original comment by ravenhor...@gmail.com on 18 Nov 2011 at 8:52

Attachments:

• slideshow.js

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

This works for IE9: Go here http://code.google.com/p/slideshow/downloads/list 
and grab the latest download, as of this writing it is May 8, 2011.

Put the files where they go, put the javascript files in the \js\ folder on 
your website, put the css file in the \css\ folder on your website.

Then glance at the code in the included sample index.html file and set up your 
slideshow(s) on the pages that you want them to work the same way the author 
did in his index.htm.

Note, we had to go back and redo the code on the page from what we had for the 
older versions of slideshow2.  In other words, we could not just replace the 
old \js\ files and \css\ files and make it work, I don't know why, but when I 
followed the example in the index.html it is working fine now.

It works, and works perfectly in all browsers I've tested.  If you want to see 
an example, look at the masthead of Nagel Glads here: http://www.nagelglads.com 
- working great.  Kallen Web Design, http://www.kallenweb.com utilizes 
slideshow2 for many websites and we appreciate the work aeron has done to keep 
the code up-to-date, unlike other code authors!

Original comment by hugh.a.k...@kallenweb.com on 29 Nov 2011 at 3:47

[GoogleCodeExporter]

I have got the issue in IE with mootools.js - DOM Exception: 
INVALID_CHARACTER_ERR (5)

I have downloaded the mootools.js version 1.3.1 

After that its giving me error in slideshow.js - SCRIPT5009: 'Asset' not 
defined 
slideshow.js

So i have changed the code as below

FIND
var tween = this.getElement('ul').get('tween', {'property': pos});  

REPLACED WITH

var tween = this.getElement('ul').set('tween', {'property': pos}).get('tween');

Original comment by raju.raj...@gmail.com on 18 May 2012 at 7:51

Attachments:

• mootools_slidshow_patch.zip

[GoogleCodeExporter]

Hello everyone-
Has anyone fixed the problem with a second thumbnail is printed on top of / 
then behind the main image?
Many Thanks,
Leah

Original comment by leahma...@gmail.com on 25 May 2012 at 12:23