cmotion image gallery not working well on ie8

[ranteo]

1) Script Title: CMotion Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm

3) Describe problem:

Hi,

For some reason, the image gallery fails to load on my site in IE. I'm using IE8. If you go to www.t2pictures.com, the image gallery loads with a yellow bar at the top asking if I wish to allow scripts and activeX. When i click on it, and select yes, the page refreshes and the image gallery can't be seen anymore.

It works well on FF, Safari and Chrome though.

[azoomer]

There are a few problems on the page. I think the reason it doesn't work in IE8 may be because of the javascript errors that can be seen. The errors relate to the motiongallery js. It is because there are some id's missing on the page. motioncontainer, motiongallery and the truecontainer id's can't be found . It is a bit confusing to troubleshoot because it seems that you have scripts for both the motiongallery and also the text and image crawler
Do you actually need both ? If not you could remove the files/scripts that you don't need, that would make it easier to correct the errors.
There are other problems and I think It will help if you used the validator to clean up these

[ranteo]

There are a few problems on the page. I think the reason it doesn't work in IE8 may be because of the javascript errors that can be seen. The errors relate to the motiongallery js. It is because there are some id's missing on the page. motioncontainer, motiongallery and the truecontainer id's can't be found . It is a bit confusing to troubleshoot because it seems that you have scripts for both the motiongallery and also the text and image crawler
Do you actually need both ? If not you could remove the files/scripts that you don't need, that would make it easier to correct the errors.
There are other problems and I think It will help if you used the validator to clean up these

Actually, I need both scripts to work.

I'm just rather curious how come it will work in IE8 without clicking the yellow bar thing.

Could you guide me on filling in the javascript ids? Cause I'm a bit new to javascript..

Also, the validator doesn't mention anythnig about javascript problems....

Thanks for your patience..

[azoomer]

I guess the "yellow bar thing" must be when you allow the active x in IE, but that is only happening when loading the page from a file on a local machine. When the page is online this step is not needed. The fact that you see the pictures before allowing the active x could indicate that it stops working when javascript gets enabled. So we will have to fix these javascript errors. I'm not an expert on javascript, but I will have a look at it later tonight and see if I can come up with something.

[ranteo]

I guess the "yellow bar thing" must be when you allow the active x in IE, but that is only happening when loading the page from a file on a local machine. When the page is online this step is not needed. The fact that you see the pictures before allowing the active x could indicate that it stops working when javascript gets enabled. So we will have to fix these javascript errors. I'm not an expert on javascript, but I will have a look at it later tonight and see if I can come up with something.

Okay, thanks a lot! I think it's probably an IE bug, because the site loads well in FF, Chrome and Safari. Just not too sure what bug it is.

Thanks once again!

[azoomer]

Hi Ranteo, I'm struggling a bit with your page. It's difficult to figure it out. Are you absolutely sure you need both of those scripts. As I see it now it seems that the text and image crawler is doing the job, but I cant see what the CMotion Image Gallery is doing, maybe i'm blind. But how can the script do anything without a structure like this ( copy from the documentation page)

<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr id="trueContainer"><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="dynamicbook1.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="dynamicbook1.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a></nobr>

</div>
</div>

I'm thinking about what would happen if you removed ( or outcomment) all the motiongallery files/scripts ? Would everything work the same way, but maybe without the errors ?
I don't know, I may be wrong. It's a difficult page to test with a ton of images and many scripts that could conflict. And unfortunately i'm not a "table" kind of guy. Also I Cant really get it running properly on my local computer.

edit: just a couple of notes before I throw in the towel
the link to the stylesheet looks like this
<style type="text/css" href="js css/gallerystyle.css" />
you would wanna change it to something like this
<link rel="stylesheet" type="text/css" href="js css/gallerystyle.css">
and without the selfclosing when using html doctype.

The marquee initiation looks like this

<script type="text/javascript">
marqueeInit({
	uniqueid: 'table',
	style: {
		'padding': '2px',
		'width': '1500px',
		'height': '600px',
		'overflow':'hidden',
	},
	inc: 12, //speed - pixel increment for each iteration of this marquee's movement
	mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
	moveatleast: 2,
	neutral: 150,
	direction: 'left',
	noAddedSpace: true,
	savedirection: true,
	stopped: false,
});
 
</script>

It is my understanding that you need to remove the red commas in the end of the arrays
Good luck. It looks very nice your site